为什么绝对定位元素不服从定位准则？

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。