正确清除浮动的<li>

Kat*_*ser 6 height w3c-validation clear css-float

我透彻地处理float: left;和Eric Meyer的CSS重置class="clearfix".但有一个特例,我想知道如何正确清除浮动元素:内部<ul> ... </ul>.

错误的高度<ul>尽管使用更清晰.更清楚的应该在<ul>.我们试试吧 ...

正确的高度,但HTML代码无效!

如何在<ul>有效代码中清除浮动?

谢谢,约翰内斯

Yi *_*ang 23

只需添加overflow: hiddenul元素的规则集即可.在Google或Stack Overflow上搜索"清除浮动"以获取其他解决方案,但在这种情况下,这应该是最干净的.

jsfiddle demo:http://jsfiddle.net/9sxrN/1/

  • 很了解你.这样可行.但我不明白,为什么`溢出:隐藏;`确实解决了问题.我想,我必须使用`cleat:left;`当我使用`float:left;`?? (2认同)