css - ul 列出溢出父 div 的元素

标签 css html-lists

我觉得这可能是一个非常愚蠢的问题,但不幸的是我不得不问。

如何防止我的无序列表溢出其父 div?我知道 li 元素上的 float:left 导致它溢出父 div,但我需要 li 元素 float 以便它们可以是水平的。不知道还能做什么。

这是我目前拥有的 http://jsfiddle.net/thwackukulele/vzzqY/

这是我想要的样子

最佳答案

如果您希望 float 元素在不显式设置高度的情况下填充其父容器,请在父级上使用 overflow: auto。如果您为 ul 提供 overflow: auto 属性,它将按照您的屏幕截图工作。

jsFiddle:http://jsfiddle.net/vzzqY/7/

关于css - ul 列出溢出父 div 的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9595433/

相关文章:

javascript - 使用Javascript对随机生成的数字进行排序

css - 指定高度的线性渐变背景

HTML 默认图像大小

javascript - 代码在 jsfiddle 中不起作用

css - Top Identity Header 不在 IE 中的页面宽度中 - CSS 问题

html - 页脚 UL 不会居中

html - 如何在 ul 元素中水平对齐我的 li?

javascript - 使用 Javascript 使 "Un-ordered list"表现得像 "ordered list"

javascript - 按字母顺序/按日期对多列列表进行排序,无需像 Dropbox 那样使用 HTML/javascript/jQuery 中的表格

html - Ruby:根据数组值更改类