【无标题】10.18CSS定位

1. 定位position： 属性用来定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对定位或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
   2.定位中有四个属性：left（左）、right（右）、bottom（下）、 top（上）。
   3.定位的属性作用:
   （1）static（默认值，没有定位）：元素会正常显示原本位置，忽略上下左右层叠属性。
   （2）relative(相对定位)相对于正常位置进行定位。
   （3）absolute(绝对定位)绝对定位的元素可以设置外边距，且不会与其它边距合并。
   （3）fixed(固定定位)固定定位相对于浏览器窗口进行定位。

2. static在编辑中的代码：
   

3. relative在编辑中的代码：
   

9.：absolute在编辑中的代码：

10.fixed的编辑代码：

11.重叠的元素：

z-index 属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面）
具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面，如果两个定位元素重叠，没有指定 z - index，最后定位在 HTML 代码中的元素将被显示在最前面。

这是我所学到的CSS定位，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！