清除浮动的原因:由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为 0 ,就会影响下面的标准流盒子。
清除浮动的本质:清除浮动元素造成的影响。
清除浮动的策略:闭合浮动。
清除浮动的方法
1. 额外标签法(隔墙法)
方法:前两个正常浮动的盒子后面加上一个空标签或者一个 <br/ >,但是新增盒子必需是块级元素 。
代码登录后可见
2. 父级添加 overflow 属性
缺点:无法显示溢出部分。
代码登录后可见
3. 父级添加 after 伪元素
位置:加在父级元素后面。
代码登录后可见
4. 父级添加双伪元素
代码登录后可见