知识点一：清除浮动
1、定义：清除浮动：并不是清除浮动，而是清除浮动所带来的影响
2、为什么要清除浮动？
①浮动后的元素不会撑开的父元素的高度，因为浮动是不占位置的
3、如何清除浮动？
①额外标签法：在浮动元素的后边加上标签
（1)<div style="clear: left;"></div>
（2)清除左浮动 clear: left
（3)清除右浮动 clear: right
（4)清除左右浮动 clear: both
（5)优点：通俗易懂，书写方便
（6)缺点：添加了额外的标签，结构化差
②overflow属性：在父元素中添加
（1)overflow: hidden;
（2)overflow: scroll;
（3) overflow: auto;
（4)优点：但是代码简洁
（5)缺点： 盒子中多余的内容会被隐藏掉
③使用after伪元素清除浮动：给父元素添加
（1).clearfix::after { content: ' '; display: block; clear: both; }
（2)优点：符合闭合浮动思想 结构语义化正确
（3)缺点：IE6-7不支持:after
④双伪元素清除浮动:给父元素添加after以及before伪元素
（1).clearfix::after, .clearfix::before { content: '';display: table;clear: both; }
（2) 优点：代码简洁
（3)缺点：IE6-7不支持:after
知识点二：Photoshop的简单使用
知识点三：相对定位
1、定位：将元素固定到指定的位置上
2、组成：定位模式、边偏移
3、定位模式：相对定位
绝对定位
固定定位
4、边偏移：top顶端偏移量
left 左侧偏移量
right 右侧偏移量
bottom 底端偏移量
5、相对定位： 定义：相对于元素本身的位置
特点：不脱离标准流，占位置, 可以脱离父元素
①position: relative;top: 300px; left: 1000px;
知识点四：绝对定位
1、绝对定位： 1、如果父元素没有定位，就是相对于视口viewport
2、如果父元素有相对定位,就是相对于父元素定位，脱离父元素的范围
3、特征：脱离标准流，不占位置
① position: absolute;
left: 100px;
top: 300px;
知识点五：固定定位
1、固定定位： 相对于浏览器窗口定位
2、特征：脱标、不占位
position:fixed
3、添加定位后的元素自动的转化为行内块元素
知识点六：z-index叠放次序
1、z-index的默认属性值是0，取值越大，定位元素在层叠元素中越居上
2、如果取值相同，则根据书写顺序，后来居上。
3、后面数字一定不能加单位。
4、只有相对定位，绝对定位，固定定位有此属性，其余标准流，浮动，静态定位都无此属性，亦不可指定此属性