li浮动时ul的高度自适应解决

转载

原文地址：https://blog.csdn.net/zy21131437/article/details/80644184

问题：当给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>