300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > css中position属性(absolute/relative/static/fixed)

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

时间:2019-01-14 11:41:16

相关推荐

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属性定义。 文档流:将窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素,即为文档流。 使元素脱离文档流的情况:浮动绝对定位

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。