沒有z-index的堆疊？

Question

我搜索了很多關於如何在沒有z-index的情況下堆疊HTML元素，但是找不到具體的東西。 我確實發現沒有z-index的堆疊按照HTML外觀的順序發生。

此規范對IE有效嗎？ 我有兩個div包含在另一個div中。 兩個div都有絕對的位置：

<div>
    <div id"div1" style="position:absolute"></div>
    <div id"div2" style="position:absolute"></div> 
</div>

對於兩個div，即div1和div2， left和width的值是相同的。 根據我對CSS行為的理解，div2應該總是與div1重疊。 'div1'與'div2'重疊的可能性是多少？

Answer 1

在您的示例中，根據您引用的文檔，兩個div元素都已定位但沒有z-index，因此具有相同的優先級（注意：它們具有比未定位元素更高的堆疊順序）。 這意味着它們按照它們在標記中出現的順序堆疊，最后聲明的元素具有最高的堆疊索引。

因此，根據這一定義，有沒有機會 ， div1上方會出現div2 。

有關更多信息，請參閱堆棧上下文中的W3C CSS2規范。 特別注意第8點 ：

所有定位的后代都帶有'z-index：auto'或'z-index：0'，按樹順序排列。

基本上，源中定義的順序是堆疊順序（不指定z-index等於z-index: auto ）。

Answer 2

如果將兩個DIV的左側和頂部屬性設置為相同，則第二個DIV將始終與第一個DIV重疊。

多數民眾贊成我所知道的。