CSS进阶-清除浮动

清除浮动的介绍

含义：清除浮动带来的影响

原因：子元素浮动后脱标 – 不占位置
父子级标签，子级浮动，父级没有高度 后面的标准流盒子会受到影响

清除浮动的方法

1. 直接加高度
2. 额外标签法

• 操作：
  在父元素内容最后添加一个块级元素
  给添加的块级元素设置clear：both
• 特点
  缺点：会在页面中添加额外的标签

3. 单伪元素清除法

• 操作：用伪元素代替了额外标签
  

• 特点
  优点：项目中使用 直接给标签加类

4.双伪元素清除法

• 操作
  
  5.给父元素设置 overflow:hidden
• 操作
  直接给父元素设置 overflow:hidden
• 特点
  优点：方便