當div中的元素與其他div重疊時，是否有div擴展？

我有一個div（讓我們叫它頭），和另一個div（讓我們打電話是內容）。現在，內容div擴展其高度的內容。在頭文件中，我有一個元素與內容重疊，但內容div不擴展，元素與頭文件重疊。繼承人的CSS我到目前爲止：當div中的元素與其他div重疊時，是否有div擴展？

.content { 
height:auto; 
}

有什麼建議嗎？

2011-09-26 Jonah Katz

您需要提供更多詳細信息。也許你的HTML，工作頁面的鏈接，jsfiddle演示等。 –

也許一些例子？ – simoncereska

發佈內容中的所有代碼和內容div本身 –

-2

這是因爲孩子div有比什麼都較高的Z指數，這意味着在一切之上的堆疊方式，它不參與文檔「流動」，因爲它的定位。我建議使用JQuery來計算並根據其他兩個div的高度來設置它的高度。

2011-09-26 19:44:44 bleepzter

不，z-index不會影響子和父之間的內容交互（即'＃標題和它的內容）。一個絕對定位的元素不會與任何東西交互（除了在它上面/下面的堆疊之外）。對於浮動的孩子也是如此 - 他們不影響沒有結算要素的非浮動父母的身高。 – Pat

你的「content」div沒有被推下的原因是你的「header」div有一個高度設置。所以，相對於你的「header」div，你的「內容」div開始下降100px。如果你沒有設置高度，那麼「header」div就是它所包含內容的高度。

看看這個小提琴...只需將您的height: 100px;從標題中刪除，它就完成了你想要的。 http://jsfiddle.net/pgvZr/4/

編輯：如果您添加內容到標題，並希望它成爲你的內容DIV的部分（即有內容的div與header_inner文本增長），那麼你或許應該只需將其移入內容分區即可。否則，你不應該在頭上指定高度，當你像我的小提琴一樣添加header_inner時，讓它自動將內容div推下。

2011-09-26 19:56:04 kafuchau

這是對的，但我不確定他的解釋是否是他的意圖。我認爲他希望藍色內容領域能夠與它一起擴展，這需要更多的努力。 –

因此，內容不僅僅是被推倒，而是隨着頭部的高度而增長。 – kafuchau

是的，它告訴我這就是他們想要的，等待他們回覆。聽起來像傑羅恩可能已經得到它。 –

我不確定我是否理解這個問題。您想通過向header_inner添加文本來擴展內容高度？

2011-09-26 19:57:24 simoncereska

是的，這是正確的 –

爲什麼你不能有header_inner裏面.content？ – simoncereska

header和content是兄弟，所以沒有辦法有content與內容展開是隻使用CSS

解決你的問題，你可以的header部分：

2011-09-26 20:00:27 jeroen

回答