CSS网页布局只能以两种方式存在：一种是浮动式布局，另一种则是定位布局。这两种定位方式的核心都脱离于文档流的控制。

块状框（block）：显示为一块内容，在正常文档流中独占一行。如，<p>、<hn>、<div>。
行内框（inline）：显示为行内块，在正常文档流中和其它行内框共享一行。如，<span>。
display属性：用于改变框的类型。块状框，display:block；行内框，display:inline。注意，当display:none时，这个元素就不再显示，不占用文档中的空间。

相对定位（relative）
使用position:relative;对一个元素进行相对定位。相对定位使得该元素相对于其在文档流中的原始位置定位，不破坏其原始定位的信息。这种相对信息由left和top属性来确定。

嵌套元素的相对定位
子元素的相对定位相对于在其父元素中的表现。

绝对定位（absolute）
使用position:absolute;对一个元素进行绝对定位。绝对定位使得该元素完全脱离文档流的控制，定位相对于最近的已定位祖先元素。如果该元素没有已定义的祖先元素，那么它的位置相对于最初的包含块（根据用户代理的不同，最初的包含块可能是画布或HTML元素）。
绝对定位的元素脱离文档流，他们可能会覆盖页面上的其它元素。通过设置z-index属性，控制页面元素的堆叠次序。z-index的值越大，框在堆中的位置就越高。

固定定位（fixed）
使用position:fixed;对一个元素进行固定定位。固定定位使元素相对与浏览器窗口，固定显示于某一个位置，由left和top属性来确定。不幸的是，IE6及其更低版本并不支持这种定位方式。

何时选用绝对定位和相对定位？
绝对定位和相对定位在实际应用中并不常用。
不规则网页设计，堆叠网页设计，交互式网页设计……在这类的网页设计中，才会考虑使用绝对定位或相对定位。在实际网页设计中，绝对定位和相对定位往往是相辅相成，共同实现网页布局。