定位的原理很简单。网页设计者利用定位，可以准确地定义元素框相对于其正常位置应该出现在哪里，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。

基本概念

深入讨论各种定位之前，网页设计人员最好先来了解有哪些类型的定位，以及这些不同类型之间有什么区别。我们还要对一些基本思想给出定义，这些思想是理解定位如何工作的基础。

定位的类型

通过使用position属性，可以选择4种不同类型的定位，这会影响元素框生成的方式。

position

值：static | relative | absolute | fixed | inherit

初始值：static

应用于：所有元素

继承性：无

计算值：根据指定确定

position值的含义如下：

static

网站建设元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中，

relative

元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute

元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块（见下一节的介绍）。网站建设上元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

fixed

元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。

现在先不要太担心具体的细节，本章后面还会逐个地介绍上述各类定位。在此之前，需要先来讨论包含块。