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