文本漂浮在它的div

-2

我正在處理一個脫離它的div的文本。我已經編寫了首頁。所以，不管主要內容多長時間，它都應該強制子內容（灰色區域和頁腳）向下移動。文本漂浮在它的div

你怎麼看虛擬文本行事

我以前做到這一點，但不知它不工作了。

如果您有一個只包含浮動元素的元素，那麼容器的高度將爲零。要解決這個問題，你可以添加一個清除分區（<div style="clear:both"></div>）。

如果您在＃under-content部分的末尾添加了清除div，它會自動調整該部分對其內容的高度。

您遇到的另一個問題是您在.opentext div元素上使用相對定位。當你設置一個'top'屬性時，它實際上會推送內容，導致它與你的＃下層容器重疊。您最好使用'margin-top'屬性，它將擴大.opentext div的大小以適應所有內容。

因此，在短期： '：82px頂' 到

我希望這有助於！

2011-09-29 15:54:58 edan

thanx。這與背景問題做了竅門。我已經設法與頁腳div對齊，所以我很驚訝，如果我應該進一步修復它。 –

您已經在該div上設置了明確的高度。爲了重塑它的內容，你需要設置height：auto。（或從未設置它擺在首位高度）

編輯：作爲ANeve說，你需要刪除兩個.article和.opentext高度，以及你需要把clear:left上.lower-container到推下腳。

2011-09-29 15:30:53 leifparker

即'.article'和'.opentext'。 – ANeves

好點..忘了左浮起容器 - thanx –

只要使用wordwrap：break-word;對於div，它會打破這個詞到下一行。

2011-09-29 15:32:44 JoshMWilliams

您已設置.article和.opentext div的height屬性。如果您刪除此屬性，內容應該相應地擴展。

但是，您還需要調整背景圖像的位置。您應該設置.footer本身的背景圖像，而不是依賴整個頁面的一個靜態大小的背景圖像。

2011-09-29 15:34:01

好吧，我看到它是如何解決問題，並揭示了一個小問題與背景圖像 - 要解決這個問題，比我應該正常工作 Thanx很多:) –

回答