CSS浮动

定义和用法：

浮动(float)的三个属性值：left(左浮动),right(右浮动),none(默认值，元素不浮动).

inherit：规定应该从父元素继承 float 属性的值。

通俗解释：浮动的意思就是把元素从常规的文档流中拿出来，浮动的元素在脱离了常规的文档流之后，原来紧跟其后的元素就会在空间允许的情况下，向上提升到浮动元素平起平坐。如果想要浮动元素紧跟的元素停留在原始的位置，不跟着浮动，就对该元素设置clear的属性值。

 

清除浮动（clear）的三个属性值：left(清除左侧浮动),right(清除右侧浮动),both(清除左右两边浮动).

清除浮动的三个方法

1 额外标签法

在需要清除浮动效果的元素后添加一个无内容块级标签，并设置属性clear来清除浮动

 

2 伪元素清除浮动

在需要清除浮动效果的父元素上 通过::after的伪元素来设置清除浮动。需要注意的是伪元素默认行内元素，需要设置为块级元素才能达到效果。

 

3 通过给父元素设置overflow属性值为hidden或者auto来清除浮动

 

 

新手上道，请多多指教