s2c*_*uts 10 html css overflow html-lists css-float
我有一个div封装了许多无序列表(ul).我将每个ul设置为"float:left".而且我还有包含它们的父div设置为"overflow-x:scroll".发生的事情是,当它们到达页面边缘并且没有并排停留以利用父div的滚动属性(滚动条在那里)时,它们正在进行包装.为什么？我怎样才能解决这个问题？
谢谢你的帮助.
你需要在另一个div中插入那些uls,你将给出width = [ul的宽度]*[uls的数量]
http://jsfiddle.net/seler/gAGKh/
或计算uls的总宽度
http:/ /jsfiddle.net/seler/gAGKh/1/
您可以设置要显示的列表项:inline-block,然后使用white-space:nowrap.适用于大多数现代浏览器.
因为你浮动了UL,它们不再存在于文档流中,所以它们不会扩展父div(因此包装).
尝试在父div上设置显式宽度,允许所有这些宽度并排存在.
另外,如果你没有清除父div中的UL,那么你很可能也会遇到问题,垂直问题.确保清除你的花车:)