position的五个属性
position的五个属性
可以将个html页面看成一个由多个页面堆叠而成的网页
position 属性规定元素的定位类型,一般五个属性:
-
- position:static 无定位
- 该属性值是所有元素定位的默认情况,在一般情况下,不需要特别声明它,但有时候遇到继承的情况,为了元素所继承的属性不影响本身,可以用position:static取消继承,即还原元素定位的默认值。
-
- position:absolute 绝对定位
- 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
-
- position:relative 相对定位
- 相对于元素默认的位置定位,与 “left”, “top”, “right” 以及 “bottom” 属性配合使用。
-
- position:fixed 固定定位
- 相对于浏览器窗口定位,元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
-
- position: inherit
- 规定应该从父元素继承 position 属性的值。