1．定位的专业解释

（1）语法

position : static （静态）| absolute（决定定位） | fixed（固定定位） | relative （相对定位）

 

 

position:absolute；position:relative绝对定位使用通常是   父级定义position:relative定位，子级定义position:absolute绝对定位属性，并且子级使用left或right和top或bottom进行绝对定位。

css代码：

1 

html代码

1 
     
       2     
      
 3     
      
 4 
     

通常我们使用position:absolute；position:relative进行绝对定位布局，通过进行定义定位，布局HTML，注意什么地方使用position:relative，什么地方使用position:absolute进行定位，同时不要忘记使用left、right、top、bottom的配合定位具体位置。绝对定位如果父级不使用position:relative，而直接使用position:absolute绝对定位，这个时候将会以为父级，使用position:absolute定义对象无论位于DIV多少层结构，都将会被拖出以为父级（参考级）进行绝对定位。绝对定位非常好用，但切记不要滥用，什么地方都用，这样有时会懒得计算距离上、下、左、右，同时可能会造成臃肿，更加经验适当使用，用于该使用地方。

在绝对定位时候我们可以使用定义。

同时left、right、bottom、top的数值，可以使用（Photoshop）PS切片工具获取准确的数值。

 

文章摘自：