html中sbsolute属性值,关于html中position的几种属性值的详解

position的几种属性值：static, relative, absolute, fixed, inherit

效果截图

紫色(brown)的是static的，所以它的left和top没有起作用，一直跑到最上面去了

黑色(black)的是fixed的，所以它直接以浏览器窗口开始计算left和top的值

红色(red)和蓝色(blue)分别是absolute和relative他们都是从父对象开始计算left和top的值，只是因为有一个是absolute所以产生了重叠效果，没有被另外一个挤走。

inherit是继承的意思，也就是使用和上一级父元素同样的width。其他的规则也是如此，inherit就表示继承父元素的值。

同时我也明白了另外一个道理，因为默认的类型都是static，所以当我们的页面长度等定位的不合理时一个会把一个挤走。