css定位补充

• position属性
• relative
• absolute
• fixed
• 定位下的居中
• 多个定位元素的重叠
• 补充

position属性

• 默认值：static，静态定位

• relative：相对定位

• absolute：绝对定位

• fixed：固定定位
  只要一个元素position的值不是static，认为该元素为定位元素

• 定位元素会脱离文档流（相对定位除外）

relative

相对定位，只是让元素在原来的位置上进行偏移，与margin不同的是margin的值也算在盒子大小，而relative不会改变盒子实际大小；
并且不会影响其他盒子；

absolute

1.宽度为auto，适应内容
2.包含块变化：找到祖先第一个定位元素，该元素为其包含块。若找不到，则包含块为整个网页

fixed

固定定位的情况和绝对定位基本一样，但包含块不同

固定定位的包含块为视口（浏览器的可视窗口）大小以视口进行定位

定位下的居中

1.定宽（高）
2.将左右（上下）距离设置为0
3.将左右（上下）margin设为auto

**绝对定位和固定定位中，margin为auto时，会自动吸收剩余空间，（和常规流盒子很像，只不过，常规流盒子只有左右会吸收剩余空间）

多个定位元素的重叠

设置 z-index，值越大越靠近屏幕

只有定位流元素元素设置z-index有效

补充

• 绝对定位或固定定位元素一定为块盒，且一定不是浮动元素；
• 没有外边距合并；