css - Div 没有按应有的方式定位 - CSS 问题

Question

我正在开发一个 joomla 网站并为客户定制模板。 首先让我这么说，我很不擅长让事情变得“漂亮”，但我尝试、测试和研究了很多，我还没有找到这不起作用的原因。

好吧，让我解释一下: 我有这个加载菜单的 HTML，然后放置一个空的 div(用于 clearfix)，然后为下一个元素打开另一个 div。

(I'm having issues with the code parser on Stack overflow So I'm posting the code to pastie and linking from here.)

好的，我有这个 html还有这个css

在我看来，通常情况下，wrapper_menu 的高度至少应为 130 像素(最小高度属性)，并在需要时增加。然后 .clr 清除 float 和下一个元素，因为它的 div 应该放在它下面。所以在 menu_wrapper 内容之后。 它不会，menu_wrapper 始终是 130px 高度，当它变大时，白框元素会在它上面(虽然文本仍然可见，但不可点击)。 我尝试将 overflow auto 放在 wrapper 上，但它仍然位于顶部，但不再显示文本。 可以看考点here

我真的不知道还能尝试什么才能让这个菜单的 div 随内容一起增长。

谢谢

烤鸡。

Answer 1

您正在 ul.menu 上使用 position: absolute;，它从文档流中取出 ul。删除它，它看起来会好得多。