div定位不正確-CSS問題

Question

我正在一個joomla網站上，並為客戶端自定義模板。 首先，我要這樣說，我很想讓事情變得“美麗”，但是我嘗試，測試和研究了很多，但我還沒有找到不起作用的原因。

好的，讓我解釋一下：我有一個HTML來加載菜單，然后放一個空的div（用於clearfix），然后為下一個元素打開另一個div。

（我在堆棧溢出時遇到代碼解析器問題，所以我將代碼發布到Pastie並從此處鏈接。）

好的，所以我有這個HTML和這個CSS

現在，正如我所見，通常，wrapper_menu的高度至少應為130px（最小高度屬性），並在需要時增大。 然后，.clr清除浮點數和下一個元素，因為應在其下面放置一個div。 因此，在menu_wrapper內容之后。 事實並非如此，menu_wrapper的高度始終為130px，並且當其增長時，whitebox元素將位於其頂部（盡管文本仍然可見，但不可單擊）。 我嘗試將自動溢出程序放在包裝器上，但它仍然位於頂部，但不再顯示文本。 你可以在這里看到測試站點

我真的不知道還可以嘗試什么來使此菜單的div與內容一起增長。

謝謝

rom腳

Answer 1

您正在使用position: absolute; 在ul.menu ，該ul.menu將從文檔流中取出ul。 刪除它，它將看起來更好。