理解 position

static：

对象遵循常规流。此时4个定位偏移属性不会被应用。

relative：

对象遵循常规流，并且参照自身在常规流中的位置通过[top]，[right]，[bottom]，[left]这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。

absolute：

对象脱离常规流，此时偏移属性参照的是离自身最近的定位祖先元素，如果没有定位的祖先元素，则一直回溯到body元素。盒子的偏移位置不影响常规流中的任何元素，其margin不与其他任何margin折叠，而且，绝对定位层的margin:auto``会失效。

作者：microkof

链接：https://www.jianshu.com/p/f64db9fedd71

来源：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。