网页布局中position定位讲解
工具/材料
Adobe Dreamweaver CS5
操作方法 01
相对定位是一个非常容易掌握的概念。通俗的说就是正常的块级定位，但是块级位置是由上下左右属性定义的。
但是，之前占用的空房间并没有消失。
首先我们去正常定位，如下图。
02
然后在正常定位中，position:relative用于相对定位，relative属性值的父元素是上块元素，如下图所示。
03
绝对定位的第一个特点是会和文档流分开，不会占用任何空空间。
其定位属性与相对定位相同，由上、左、右、下定义，如下图所示。
04
父元素包含几个绝对定位元素。如果绝对定位元素重叠，如下图所示，A和B重叠，A需要在前，B需要在后。我们只需要在A中添加z-index就可以控制了。
，我们可以用z-index来控制哪个先哪个后，如下图。
05
但是，必须避免。如果属性值是绝对的，则必须与以relative作为父元素的块一起使用。
如无合作，如下图。
会直接以body为父元素。
06
一般不使用静态。其属性值定义为无定位，元素出现在正常流程中。
忽略上、下、左、右，如下图。
07
固定属性值的定义定位浏览器窗口。
通俗点说就是父元素是body，位置由top、bottom、left、right控制。
下图定位于相对，但没有影响。
特别提示
注意:不同的属性值有不同的效果。
