CSS之四种定位的理解,CSS四种定位及应用

position：

1、static 自动定位(默认定位方式)，无法通过top\left\bottom\right改变元素位置，一般用来清除定位。

2、relative 相对定位，相对于原文档流的位置进行定位(相对于自己偏移，不脱离标准流，原来的位置继续占有)

3、absolute 绝对定位，相对于其上一个已经定位的父元素进行定位(脱离标准流，不占有位置,margin左右auto失效)

(1)父级元素没有定位，以document为基准定位

(2)父级元素有定位，则以父元素为基准定位

4、fixed 固定定位，相对于浏览器窗口进行定位

*如果子级是绝对定位absolute，父亲要用相对定位relative。

#绝对定位absolute的盒子水平、垂直居中

position:absolute;left:50%;top:50%

margin-left:-50px;自己宽度的一半；

margin-top:-50px;自己高度的一半

原文：https://www.cnblogs.com/lp-web/p/12052558.html