html中的浮动

 

浮动的原理：

1、浮动的元素脱离文档流，不占据正常的文档流的空间，原来被占据的空间，被仍然在文档流中的元素自动填补。

2、浮动元素的定位，基于正常文档流。

 

元素脱离文档流之后的规则：

1、浮动元素失去了独占一整行的特征。

2、浮动元素若是不设置宽高，其宽高都随内容而定。

3、浮动会自动将内联元素转换为块元素（特殊的块元素）。

 

清浮动：想要去除上面的浮动对下面元素的影响，可以使用清浮动。

Clear：both；