新菜上桌~ 16-CSS清除浮动 清除浮动方式一 给前面的父盒子添加高度 示例代码: <style> *{ margin: 0; padding: 0; } .box1{ background-color: red; /*这里*/ height: 50px; } .box2{ background-color: purple; } ul{ list-style: none; } .ul01 li{ background-color: blue; } .ul02 li{ background-color: green; } ul li{ float: left; } </style> <div class="box1"> <ul class="ul01"> <li>大娃</li> <li>二娃</li> <li>三娃</li> </ul> </div> <div class="box2"> <ul class="ul02"> <li>李南江</li> <li>极客江南</li> <li>江哥</li> </ul> </div> 添加高度前: 添加高度后 注意点: 在企业开发中能不写高度就不写高度, 所以这种方式不常用