
1、为什么要清除浮动

2、清除浮动的本质



出现以下这种效果:
如果孩子浮动了,浮动元素不占有位置,父亲有没有高度,此时底下的盒子会跑上来

清除浮动的方法

1、额外标签法

实例代码:

2、父级添加overflow属性方法

实例代码


3、使用after伪元素清除浮动

实例代码:

4、双伪元素清除浮动


实例代码:

如果孩子浮动了,浮动元素不占有位置,父亲有没有高度,此时底下的盒子会跑上来
本文标题:清除浮动
本文链接:https://www.haomeiwen.com/subject/mlzvbftx.html
网友评论