码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-17 13:07:07      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:size   relative   css   microsoft   应用   strong   html元素   滚动   index   

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)

标签:size   relative   css   microsoft   应用   strong   html元素   滚动   index   

原文地址:http://www.cnblogs.com/wyingli/p/7039856.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!