CSS的定位属性 什么叫定位?就是可以把div放到页面中的任何位置。前提是要计算好位置。 用到position属性,有两个属性值: absolute:将对象从文档流中拖出,可以使用left、right、top、bottom属性对其进行绝对定位。 relative :对象不会从文档流中拖出来,可以使用left、right、top、bottom属性设置正常文档流中偏移位置。
一、position:absolute 例1:position:absolute的例子 //定位.html
效果:div2跑到了 div1的后面。
解释: div1,div2,div3本来是依次往下排列。将div1设置position:absolute后,就将div1拖出来了。 div1的位置空了,div2、div3就依次补齐。 div1在div2上面飘着。
例2:position:absolute的例子 //定位.html
效果:
二、position:relative
例:position:relative //定位.html
效果:
解释: div2并不从文档中拖出来,所以div3不补齐。另外top,left是相对于原来的div2的位置的偏移。
|