店名:江哥的H5+React Native教程私房菜✔ 小店新店开业!大促销买一送一! 头盘:HTML5基础视频 汤:CSS教程 (附赠一个高仿企业网站以及一个响应式网站) 副食:JavaScript教程 主菜(招牌菜):React Native跨平台开发 压轴甜品:1:1:1完成大型企业项目途牛App的开发项目
新菜上桌~ 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> 添加高度前: 添加高度后 注意点: 在企业开发中能不写高度就不写高度, 所以这种方式不常用