层叠规则指的是当网页中的元素发生层叠时的表现规则。
通常，我们对一个元素进行position:absolute定位时，元素会遮挡其他的元素，这时就发生了层叠，又例如，当一个元素设置flaot时，会遮挡那个其他元素，这时也发生了层叠。
对于定位元素我们通常使用z-index属性，设置元素在z轴上的位置。
z-index设置的是元素在z轴上的位置。其值可正可负。数值越大元素在z轴上的位置就越靠前，就会遮挡元素的z-index比当前元素的z-index的值小的元素。
除了z-index能影响元素的层叠顺序外，其他的东西也能影响元素的层叠顺序。
层叠顺序指的是当元素发生层叠时，元素的垂直显示顺序。
通常情况下，元素的层叠顺序从小到大为：
通常情况下，发生层叠时元素遵循，谁大谁上，后来居上的层叠规则。
谁大谁上：同一层叠上下文中，层叠水平值大的，在层叠水平值小的元素的上面
后来居上：同一层叠上下文中，层叠水平相同，后面的元素在上面。
层叠上下文指的是元素产生的一个独立的区域。这个区域中可能有其他的层叠上下文。
层叠上下文也会影响元素的层叠顺序，有层叠上下文元素的层叠顺序比没有层叠上下文元素的层叠顺序高。