清除浮动
2018-08-14 本文已影响16人
9979eb0cd854
img.png
img.png
img.png
img.png
img.png
1、为什么要清除浮动
img.png2、清除浮动的本质
img.pngimg.png
img.png
出现以下这种效果:
如果孩子浮动了,浮动元素不占有位置,父亲有没有高度,此时底下的盒子会跑上来
img.png清除浮动的方法
img.png1、额外标签法
img.png实例代码:
img.png2、父级添加overflow属性方法
img.png实例代码
img.pngimg.png
3、使用after伪元素清除浮动
img.png实例代码:
img.png4、双伪元素清除浮动
img.pngimg.png