网页布局中position定位讲解

需要准备的物品

adobe dreamweaver cs5

详细介绍方法/步骤

相对定位是一个非常容易掌握的概念，一般称为正常的块级定位，只不过块级位置是由上下左右属性指定的。然而，原来占据的空间并没有消失。首先正常定位。

那么在正常定位中，position:relative用于相对定位，relative属性值的父元素是上块元素，如下图。

定位(absolute)第一个特点是它会与文档流分离，不会占用空间。其定位属性与相对定位相同，由上、左、右、下定义。

父元素包含多个位置。如果定位元素重叠，如下图所示，a和b重叠，因此a需要在b的前面和后面。我们只需要在a中添加z-index来控制它。

，我们可以用z-index来控制哪个在前哪个在后。

但是，必须避免。如果属性值是的，它必须与以相对为父元素的块一起使用。如果没有合作，见下图。会直接以身体为父元素。

静态定位一般不用。其属性值定义为无定位，元素以正常流程出现。忽略上、下、左、右。

固定属性值的定义定位浏览器窗口。通俗点说就是父元素是body，位置由上、下、左、右控制。下图位于相对，但没有效果。

温馨提示

注意：不同的属性值有不同的效果