css定位的区别
在编写网页中，我们除了经常需要使用使用浮动来实现左右布局外，还需要另外一个属性，就是
定位，它用来解决叠加排列的问题，在网页编写中使用的也较为频繁，今天我主要来讲下我对css中的
定位方式以及使用方法的理解。
首先说下相对定位：relative，它的主要特点是不会使元素脱离文档流不影响其他元素布局，这点在
实际使用中比较重要，因为其他定位方式都会脱离文档流，影响元素布局，其次它的left、top、right、
bottom是相对于当前元素自身进行偏移这点也需要重点注意；absolute：绝对定位，前面说过它会使元素脱离文档流，还有其它特点使内联元素支持宽高、块元素默认宽根据内容决定，另外最重要的特点是，如果有定位祖先元素则相对于祖先元素发生偏移，否则相对于整个文档发生偏移，如果祖先元素有多个具备定位模式，那就以离自身最近的祖先元素为准，这也是目前在逆战班我使用最多的定位方式；固定定位：fixed，特点与绝对定位特点基本相似，但是有一条最重要的特点是它不受祖先元素影响，只会相对于整个浏览器进行偏移，且起始点永远在浏览器左上角，固定定位在网页中一些特殊需求的时候也会使用；最后是黏性定位：sticky，在网页中指定的位置进行黏性操作，并且根据top值进行运行，在没有到达指定位置的时候不会产生定位效果，在特定网页中使用的比较频繁。最后还有一个定位层级：z-index，我们有时需要同时使用不同定位方式来实现网页布局，这时就需要定位进行层级划分，值越大层次越高，使用时要注意要和定位同时使用，否则无法生效。以上就是我对不同定位特点的理解。
原文：https://www.cnblogs.com/zhanglei154636/p/12391881.html