html - CSS 支持的菜单中的图像定位

Question

所以，我有这个:

 .line {
    width:100%;
    height:4px;
    background-repeat: repeat-x;
    background-image: url("http://goolag.pw/line2.png");
    position:absolute;
    bottom:0px;
}

它应该做的事情非常简单，而且它完成了工作。问题是，如果我尝试将它放在我的菜单中(css 和 html 太长，这里是链接:http://goolag.pw/temptest.html)它要么完全破坏菜单本身，要么就是不显示，或者它是' t 在底部.. 如您所见，该行在菜单外部正常工作，但在菜单内部，它没有显示在底部。我试着把它放在菜单的任何地方，我做错了什么吗？感谢所有帮助。

Answer 1

快速浏览一下...您需要为(或某物)设置一个包含所有内容的相对包装器。您绝对定位到底部，这意味着一旦菜单打开，该内容将决定父项的高度，因此该行会到达底部，但它会到达菜单的底部。

在包含元素上设置 position:relative 或检查任何脚本或注入(inject)的 css 以确保当菜单滚动到位时 position:relative 未在包含菜单的 div 上设置。