<ul> li float不要填充块</ul>

Question

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

我有一个<ul>满了<li>左侧浮动

那些是完美的....但我喜欢有一个漂亮的盒子......我的风格<ul>

但是<ul>是“空的”，因为内部是浮动的......

<div style="clear:both">不行的伎俩...... 但事件是否有效..这很丑..

获取<ul>大小的“正确”方法是什么？没有硬编码宽度和高度？

---

同时指出......解决方案是：OVERFLOW

这里是解释（为了将来的ference）： overflow属性指定内容溢出元素框时会发生什么。 新解决方案

Alex Walker首先发布了一个新的，更简单的解决方案，尽管他给了Paul O'Brien实际发明它的信用。无论如何，解决方案似乎是：

div.container {     border：1px solid＃000000;     溢出：自动;     宽度：100％ }

Answer 1

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

ul{overflow:auto;}

Answer 2

我找到了更好的解决方案：

设置ul属性：

list-style-type:none;
margin:0;
padding:0;
border: 1px solid #000;

设置其li属性：

display:inline-block;
position:relative;

这对我有用。 ul现在包裹着li。

注意：然而，在这种意义上，两个li之间的空间无法清除。