浮动专题

关于浮动

1、左浮动、右浮动

1）左浮动float:left;（不顾一切的贴左边）

2）右浮动float:right;（不顾一切的贴右边）

2、为什么要清除浮动？

1）清除浮动不是不浮动，而是清除子元素浮动给父元素带来的影响

2）清除浮动的核心clear:both;

3、清除浮动的方式

1）额外标签法

2）给浮动元素的父元素使用overflow:hidden

3）给父级元素定义高度

4）单伪元素清除浮动

5）双伪元素清除浮动（使用display:block;还是display:table）

【补充：此处涉及到BFC的知识】

博主之前写过的帖子里面涉及到BFC，与大家分享