CSS-13定位笔记

定位：position
取值：

• static 静态定位（默认值）
• relative 相对定位
• absolute 绝对定位
• fixed 固定定位

---

relative 相对定位

相对定位下，偏移不会对其他盒子造成影响；
left：10px
right：10px
top：10px
bottom：10px
左右矛盾，以左为准
上下矛盾，以上为准

---

absolute 绝对定位

宽高为auto，适应内容
包含块变化：

找祖先元素中第一个定位元素，若找不到，则为整个网页

例：图中的黄色框中的3DIMAX就采用了绝对定位

---

fixed 固定定位

包含块变化：固定为视口（可视化窗口）
例：
如图所示的导航栏，会跟随你网页滑动一直显示在顶部。

---

定位居中

绝对定位和固定定位中，margin为auto时，会自动吸收剩余空间；

1. 给定位元素设宽高：width：100px； height：100px；
2. left：0； right：0；
3. margin：auto；

---

多个定位元素重叠时

css中设置z-index（纵坐标）/只有定位元素设置z-index有效
数值越大越靠近用户，可以是负值。

---

绝对定位、固定定位一定是块盒
绝对定位、固定定位一定不是浮动
没有外边距合并；