5.1 清除浮动(闭合策略)
(重点)清除浮动的原因:是因为网页中的每个盒子的内容是不好确定的,盒子中的内容如果大于所设置的高度则会撑大盒子,故实际应用中需要清除浮动。如果可以确定盒子高度的时候则不需要清除浮动。
清除浮动的语法是:
清除浮动的方法(4种)
5.1.1 额外标签法(书写最后充当墙的元素时必须是块级元素)
每次书写在最后写一个div,CSS中设置clear:both清除浮动当成一堵墙来使用,盒子会自动检测高度无论有多少个子元素
5.1.2 overflow
在清除浮动时,找到该盒子的父级元素,然后添加overflow属性
5.1.3 after伪元素法
注意:直接粘贴代码,其中需要将行内元素转换为块级元素。然后在父级元素中添加clearfix。
5.1.4 双伪元素清除浮动(一个before,一个after)