css - li float 不填充 block

Question

每次我遇到这个问题..但是这次旧的修复不起作用...

我有一个 <ul>满满的<li>向左浮动

那些很完美....但我喜欢周围有一个漂亮的盒子......我设计了<ul>

但是<ul>是“有点空”，因为内部是 float 的...

<div style="clear:both"> 的技巧不工作...但是如果它有效的话..它很难看..

获得 <ul> 的“正确”方法是什么？一个大小.. 没有对宽度和高度进行硬编码？

---

正如两者所指出的...解决方案是:OVERFLOW

解释如下(供日后引用):overflow 属性指定如果内容溢出元素的框会发生什么。新的解决方案

Alex Walker 首先发布了一个新的、更简单的解决方案，尽管他将实际发明它的功劳归功于 Paul O'Brien。无论如何，解决方案似乎是:

div.容器{ 边框:1px 实心#000000； 溢出:自动； 宽度:100%

Answer 1

将 ul 元素的溢出设置为自动..

ul{overflow:auto;}