HTML,溢出 :scroll, 和 float

标签 html css overflow html-lists css-float

我有一个封装了许多无序列表 (ul) 的 div。我将每个 ul 设置为“float:left”。我还将包含它们的父 div 设置为“overflow-x:scroll”。发生的事情是 ul 在到达页面边缘时换行,而不是并排停留以利用父 div 的滚动属性(滚动条在那里)。为什么?我该如何解决这个问题?

感谢您的帮助。

最佳答案

您需要将这些 uls 插入到另一个 div 中,您将为其提供 width=[width of ul]*[number of uls]
http://jsfiddle.net/seler/gAGKh/ 或计算 uls 的总宽度 http://jsfiddle.net/seler/gAGKh/1/

关于HTML,溢出 :scroll, 和 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5926076/

相关文章:

javascript - 如何重新定位 CSS 悬停弹出窗口以保持在固定框架内?

javascript - 当计时器倒计时时,我如何使它刷新/更新文本文件中的文本?

javascript - 使用CSS更改输入字段的文本颜色

html - 如何使表格响应

html - 缩放 SVG 形状以适应内容,其中内容包括 foreignObject

html - 本 map 片在IE中显示但在firefox中不显示?

swift - 处理算术溢出 UInt32 (CUnsignedInt)

css - 将这三个容器均匀对齐

jquery - 当内容太大时,将溢出应用到单个子元素

html - 溢出:隐藏的容器不包含 float 的相邻元素