position的五个属性

position的五个属性

可以将个html页面看成一个由多个页面堆叠而成的网页
position的五个属性

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 属性的值。