首页 > 代码库 > css中position属性(absolute/relative/static/fixed)

css中position属性(absolute/relative/static/fixed)

css中position属性(absolute/relative/static/fixed):

position:static   无特殊定位,是html元素默认的定位方式,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。

position:relative 对象遵循正常文档流,相对的是它原本在文档流中的位置而进行的偏移,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。

position:absolute:对象脱离正常文档流,根据祖先元素(父类以上)进行定位,并且这个祖先的类必须是posiiton为非static方式定位的,使用top,right,bottom,left等属性进行绝对定位。而其层叠通过z-index属性定义。
 
position:fixed:对象脱离正常文档流,使用top,right,bottom,left等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。而其层叠通过z-index属性定义。
 
文档流:将窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素,即为文档流。
使元素脱离文档流的情况:浮动  绝对定位 

 

css中position属性(absolute/relative/static/fixed)