05day 浮动 定位 塌陷2018-07-10

清除浮动

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

可选值：-left：忽略左侧浮动

-right：忽略右侧浮动

-both：忽略全部浮动

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

定位

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

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

可选值：-static：

-relative

-absolute

-fixed

相对定位

每个元素在页面的文档流都有有一个自然位置，相对于这个位置对元素进行移动就称为相对定位。周围的元素不完全受影响。

当前position属性设置为relative时，则开启了元素的量对定位

当开启了相对定位后，可以使用top，right，bottom，left四个属性对元素进行定位

绝对定位

绝对定位指使元素相对html元素后离他最近的祖先定位元素进行定位。当将position属性设置为absolute时，则开启了元素的绝对定位。

当开启了绝对定位以后可以使用top，right，bottom，left四个属性对元素进行定位。

固定定位

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

当开启了固定定位以后，可以使用top，rught，bottom，left四个属性元素进行定位。

固定定位的其他特征和绝对定位类似

塌陷

作业

家庭作业