CSSer课堂

法则一：同辈元素定位方式相同，且无z-index设置时，html靠后者居上。
法则二：同辈元素同为动态定位时，且有z-index设置时，z-index值大者居上。
法则三：同辈元素定位方式不同时，动态定位居上。
法则四：非同辈元素，任意一者及其祖元素不具备动态布局时，html靠后者居上。
法则五：【重要】非同辈元素，任意一者或其祖元素拥有动态定位时，同时各自向上寻找动态定位的祖元素，并分别从中拿出具备最高级别的祖元素（或其本身）进行比较。