CSS position
定义
position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
例子
h1
{
position: absolute;
left: 100px;
top: 150px;
}
可能的值
| 值 | 描述 |
|---|---|
| static | 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。 |
| relative | 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 “left:20″ 将向元素的 LEFT 位置添加 20 个像素。 |
| absolute | 位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。 |
| fixed | 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。 |
其它&扩展
Z-index可被用于将在一个元素放置于另一元素之后。默认是0。
z-index:0; 表示一般的平级，即所有元素都在同一个平台上。
z-index:-1;表示此元素位于其它元素的下一层。
z-index:1;很显然，表示浮于其它元素之上。
最新评论