CSS定位

具体分类

position:

1、relative – 相对

2、absolute – 绝对

3、static – 无定位

4、fixed – 固定

相对定位

1、相对定位的偏移参考元素是元素本身，不会使元素脱离文档流，元素的初始卫视占据的控件会被保留。

2、position:relative

3、总结：

1. 相对定位的偏移是自己之前的位置作为参照进行的一个偏移

2. 相对定位不作为元素单独显示出来，而是作为父容器去包含其他元素而使用

3. 子绝父相 – （子元素设置绝对定位，父元素设置相对定位）

绝对定位

1、绝对定位相对于已定位的最近的祖先元素，如果没有已定位的最近的祖先元素，那么他的位置就像对于最初的包含块（body）

2、position:absolute

相对定位和绝对定位的区别

作为父容器存在的时候，使用相对定位还是绝对定位

总结
子绝父相

ndex的使用

1、层叠模式

2、总结：

1. 决定谁在前面，谁在后面，数字大小上不封顶

2. 数值不适宜设置的过大，没意义。但是也适宜设置的过小，因为以后的页面的div很多，可以让他们一起重叠显示

固定定位

1、相对于浏览器窗口进行定位

2、position:fixed

总结

1、相对定位和绝对定位

1. 相对定位：参照物是自己本身，不会破坏文档流

2. 绝对定位参照物是最近一级的祖先元素，破坏了文档流

3. 一般情况下：子绝父相

4. 定位和浮动之间的区别