clear 属性可以用于清除元素周围的浮动对元素的影响。

也就是元素不会因为上方出现了浮动元素而改变位置。

可选值：

left:忽略左侧浮动

right：忽略右侧浮动

both：忽略全部浮动

none：不忽略浮动，默认值。

定位：

position属性可以控制wed浏览器如何以及在何处显示特定的元素。

可以使用position属性把一个元素放置到网页中的任何位置。

static   relative  absolute   fixed

相对定位：

每个元素在页面中都有一个自然位置。开启相对定位相对于自身原来的位置发生改变，但是不会改变元素的性质。相对定位不会使元素脱离文本流，相对定位会使元素的层级提升，使元素可以覆盖文本流中的元素开启之后可以使用top right  bottom  left 四个属性对元素进行定位。

绝对定位：

绝对定位指的是元素相对于html元素或离他最近的组选定位元素进行定位。

当将position属性设置为absolute时，开启了元素的绝对定位。也可以使用 top right bottom left 四个属性对元素进行定位。

绝对定位会使元素完全脱离文本流。 绝对定位的块元素的宽度会被其他内容撑开。  绝对定位会使行内元素变成快元素。

固定定位：

固定定位的元素会被锁定在屏幕的某个位置上，当访问者滚动网页时，固定元素会在屏幕上保持不定。当position设置为fixed时，开启固定定位。

BFC（隐含地属性）

1 父元素的垂直外边距不会和子元素重叠

2 开启BFC的元素不会被浮动元素所覆盖

3 所开启BFC的元素可以包含浮动的子元素

开启BFC

1 设置元素浮动

2 设置元素的绝对定位

3 设置元素为inline-block

4 设置元素的overflow设置为一个非visible

作业1-1 作业1-2 作业1-3 作业效果图