首页 > 代码库 > CSS Position小结
CSS Position小结
position 属性规定元素的定位类型。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
position:relative | absolute | fixed | static | inherit
1.static 为默认值,无特殊定位,按照正常的文档流进行排列。
注意:当position为static时,定义top,left,bottom,right是不起作用的。
2.absolute 对象将脱离文档流,不再占据元素在文档中的正常位置。它的偏移位置是以最近已定位的祖先元素作为参照,如果没有已定位的祖先元素,则以顶级元素作为参照。
3.relative 元素不会脱离文档流,仍然占据原来的空间,它的偏移位置会以自身的占位空间作为参照。可以通过设置margin-top、margin-bottom为负值,来改变它在占位空间中的高度。
3. fixed 是特殊的absolute,会脱离文档流,总是以body为定位对象的,按照浏览器的窗口进行定位。
CSS Position小结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。