关于定位以及盒子模型的小技巧

Posted 2020-08-26

我们正常的页面的布置都是跟随文档流来渲染的，但是一些样式层叠或者其他的一些属性，需要定位才能生效，像z-index,如果没有加上position:relative;那么就不会生效。

我们可以这样理解，正常的文档流就相当于一张纸上渲染的东西，当要把纸折叠，或者是变换，脱离了这部分，那就需要通过规则来变换，这个规则就是定位，可以有绝对定位，相对定位，fixed，这三种规则，又有不同的方式，可以由我们来定义。

注意：相对定位虽然没有脱离正常的文档流，但是他也会比普通的文档流要高一点点。绝对定位是脱离文档流，层次比相对定位要高。