Class18 CSS Positioning(定位)
四种定位方式
Static 定位 HTML元素的默认值，即没有定位
-
Fixed 定位
元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动 -
Relative 定位
相对定位元素的定位是相对其正常位置。 -
绝对定位 Absolute定位
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>。
绝对定位（absolute）：
- 将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性
相对于其最接近的一个最有定位设置的父级对象进行绝对定位 - 如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据 body 对象左上角作为参考进行定位。
- 绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值。
相对定位（relative）：
1.对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。
相对定位常与绝对定位结合用，一般是给父级设定相对定位方式，子级元素就可以相对它进行方便的绝对定位了
重叠的元素
元素可以覆盖页面上的其它元素。
z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面）
一个元素可以有正数或负数的堆叠顺序：
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。
示意图：
补充：
更多定位属性：
- clip 剪辑一个绝对定位的元素
- cursor 显示光标移动到指定的类型
- overflow 设置当元素的内容溢出其区域时发生的事情 --即滚动
