问题:当给li设置了浮动,也就是float:left或者right后,ul的高度就没有了
解释:
不仅仅是li,当给块级元素设置浮动后,那么该元素就直接脱离文档流了,换句话说就是元素已经父元素脱离一个层面了,假如父元素的高度需要由子元素的高度决定,那么必须把子元素拉回文档流,也就是将子元素拉回跟父元素一个层面
解决办法:
父元素用clear的方式清除浮动
<style>
ul:after{
clear:both;
display:block;
content:" ";
}
ul li{
float:left;
}
</style>
<ul>
<li></li>
<li></li>
<li></li>
<ul>