爲什麼絕對定位元素不服從定位準則？

Question

我下面就如何建立在Dreamweaver網站（https://helpx.adobe.com/dreamweaver/how-to/make-website-pt6-web-links-navigation.html），但我試圖理解爲什麼在教程中某個步驟的工作，因爲它做了教程。

我有絕對定位的元素#navlink，這裏是它在DOM結構中的位置：

nav 
    h2 #menulink 
    ul #navlink 
nav 

視覺看結果，UL＃navlinks被從頁面按絕對的標誌去除，但不是下得到錨定到最後定位的元素，這是html頁面（因爲上述UL沒有元件相對於定位或以其他方式）它跳轉到H2＃menulink即在它上面的DOM。

我不確定這只是我的代碼中的一個錯誤，並且我以某種方式錯位地定位了h2或nav元素，或者我忽略了文檔流附接點被重寫的原因的某些其他原因，但無論我通過代碼多少次，我都找不到錯誤。

這是一個完整的源代碼的鏈接，以及所呈現的頁面，因爲我有它在jfiddle：

https://gist.github.com/anonymous/5d8bde1f196b919dab297560ff85b072

Answer 1

這是正常現象。你的代碼是正確的，瀏覽器也是如此。爲absolute定位，它錨定「下一個到最後一個定位元素」水平僅當left或right屬性被定義，並垂直僅當被定義top或bottom屬性。

如果沒有top，bottom，left或ul#navlink定義right，將「從網頁中移除」，但定位爲position: static。