如何强制div元素将其内容保存在容器中

Question

我做css菜单.为此,我使用ul.当我向左浮动时,所有lis都在ul之外.我的意思是ul的高度变为零.如何在向左浮动后使li显示在ul内.

一种方法是使用一些公共类创建一个div标签,然后添加clear:在css中都可以使用它,但我不希望这样.我需要更好的解决方案 请帮忙

Answer 1

只需添加overflow: auto;到<ul>.这将使文本不会泄漏到UL之外.

请参阅:http://jsfiddle.net/6cKAG/

但是,根据你正在做的事情,可能更容易做到<li> display: inline;.这完全取决于你在做什么!

请参阅:http://jsfiddle.net/k7Wqx/

Answer 2

如果您定义float了您的孩子,那么您必须清除您的父母.写信overflow:hidden给你的UL.

ul{
 overflow:hidden;
}

或者 您也可以使用clearfix此方法:

ul:after{
 content:'';
 clear:both;
 display:block;
}

阅读http://css-tricks.com/snippets/css/clear-fix/