浮动 float

1。未设浮动属性，位于标准流中

2.如果设置浮动属性，则容器不再位于标准流中，不再占用空间。容器会根据内容确定宽度

3.尽量将搜索引擎要搜索的内容放到网页的前部，更要容易排名到

4.clear属性清除浮动的影响  left  right  both

 

 

定位 position

1.static 默认   标准流包括浮动方式

2.relative  相对定位   制定四个方向的属性值 left right  top  bottom   偏移量

会相对于原本的位置，通过便宜制定的距离，到达新的位置   仍位于标准流中   对父兄弟块没有任何的影响

。对浮动的盒子使用相对定位同上，效果一样

3.absolute  绝对定位

以他的最近的一个已经定位（position已经设置）的祖先元素  为基准进行偏移，如果没有则以浏览器窗口为基准进行偏移

从标准流中脱离，其余的兄弟盒子认为此盒子不存在。

4.fixed 因定位于absolute类似    区别是基于浏览器窗口或其他现实设备的窗口

 

z-index  正值向上      负值向下