css中浮动与清除

浮动:让元素漂浮起来,向左或向右移动

属性float

float=left向左

float=reight向右

特性

1. 浮动后的的元素会脱离普通文档流，飘起来，直到遇到父元素的边线停止，如果没有包围层，会飘到网页的边线停下来。

浮动元素：设置了浮动属性的元素，叫做浮动元素。

普通元素，普通文档流：没有设置浮动属性的元素

普通文档流：由普通元素组成的文档。“地面”

2.浮动元素的层级要高于普通元素。浮动元素在“天空”，图通元素在“地面”

3.浮动元素不占用网页的空间。

4. 浮动元素会失去块元素的某些特性，不在独占一行

5.给多个元素设置浮动属性，后飘起来的元素，会靠着前一个浮动元素停下来。

清除属性：

clear：

  both：清除左、右浮动

  left：清除左浮动

  right 清除右浮动

作用:让浮动元素之后的元素不受影响,回复正常排版