CSS Positioning (定位)

vicky.yu

CSS Positioning (定位)
CSS position 属性，允许您将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。

定位有时很棘手！
决定显示在前面的元素！
元素可以重叠！
Positioning (定位)
CSS 定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。

元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非事先设定 position 属性。他们也有不同的工作方式，这取决于定位方法.

有四种不同的定位方法。

Static 定位
HTML 元素的默认值，即没有定位，元素出现在正常的流中。

静态定位的元素不会受到 top, bottom, left, right 影响。

Fixed 定位
元素的位置相对于浏览器窗口是固定位置。

即使窗口是滚动的它也不会移动：

实例
p.pos_fixed
{
position:fixed;
top:30px;
right:5px;
}

尝试一下 »
注意： Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持.

Fixed 定位使元素的位置与文档流无关，因此不占据空间。

Fixed 定位的元素和其他元素重叠。