首页 > 代码库 > 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)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。