position与清除浮动

对于absolute与relative的理解

relative（相对定位）

relative是相对于它在普通流来定位的。例如：#demo{position:relative;top:-50px;},这时**#demo**会在相对于它原来的位置上移50px。它不会脱离文档流。

absolute（绝对定位）

absolute是相对于它最近一级的，定位不是static的父元素来定位的，。以left，right，top，bottom来设置移动。它是会脱离文档流的。

关于清除浮动的方法

1.给浮动的元素的父级元素设置宽高。
2. 使用负margin。
3. 给浮动的元素的父级元素设置overflow:hidden;
4. 给浮动元素的父级元素添加伪元素after（注意这不是伪类，而是伪元素，代表一个元素之后最近的元素）,即在元素末尾添加一个内容为空并带有 clear: both 属性的元素实现的。 例：

对于hover的理解

它是在它设置的这个元素里面定义样式，此元素外无法定义。

                                                                                                     2018.11.5