CSS定位带来的问题：在CSS布局中，定位是非常重要的，同时，它也带来一些层叠的问题。因为只要设置了定位，那么当前的元素就会脱离文档流，导致元素移动到浏览器视口之外了，或者是元素被遮挡住。
浏览器将HTML解析为DOM树同时还创建了渲染树。渲染树表示元素在视口的位置和样式，还决定浏览器渲染元素的顺序，如果给元素设置定位了，而浏览器是优先绘制非定位的元素，后绘制定位元素，这就导致定位元素覆盖了非定位元素。
z-index属性的值可以为任何值，其中的z表示笛卡尔XYZ坐标系中的深度方向，z-index的值越大，那么该元素的层级越高。这样在不修改HTML结构的情况下，可以解决网页层叠的问题。