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

Question

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

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

（我在堆栈溢出时遇到代码解析器问题，因此我将代码发布到 Pastie 并从此处链接。）

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

现在，据我所知，通常，wrapper_menu 应该在至少 130px 高度（min-height 属性）并根据需要增长。然后 .clr 清除 float 和下一个 element ，因为它的 div 应该放在它下面。所以在 menu_wrapper 内容之后。 事实并非如此，menu_wrapper 的高度始终为 130px，当它增大时，whitebox 元素会位于其上方（尽管文本仍然可见，但不可单击）。 我尝试将溢出自动放在包装器上，但它仍然位于顶部，但不再看到文本。 你可以在这里查看测试网站

我真的不知道还能尝试什么才能获得这个菜单的div与内容一起成长。

谢谢克罗

美坦。

Answer 1

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