浮動的div，填補空間，直到cleard的div

-1

要得到什麼，我關於地獄，請到Here和Here 浮動的div，填補空間，直到cleard的div

正如你會看到有一個側欄和內容區域的想法，邊欄向左浮動，內容向右浮動，頁腳清除兩者。

高度的側邊欄和內容沒有設定這樣的div成長！

但是，你可以看到，如果一個浮動DIV比其他大，出現的背景圖像。

我需要知道如何讓兩者的div的背景顏色始終是相同的，並且在和平與和諧的共同成長

感謝

來源

2011-08-25 AlexMorley-Finch

如果有幫助，你要找的是經常被描述爲「等高列」（在什麼[這篇文章]（HTTP：// buildinternet例如，//2009/07/four-methods-to-create-equal-height-columns /）將會有很多其他的和許多[現有的問題]（http://stackoverflow.com/search？ q =等於+高度+列）在這裏SO。） –

你所問的是兩個div的是即使它們的內容高度不同，也是相同的高度。如果不依靠表或JavaScript，這是無法完成的。

你能做些什麼來達到同樣的效果，是有一個div容器（我可以看到你已經擁有它），並給側邊欄和內容顏色的這個垂直重複的背景圖像。這被稱爲Faux Columns。

確保對容器內的清除（移動<div class="clear"></div>一個級別），因此容器變得高度爲準的DIV較大。

來源

2011-08-25 08:15:37 Kokos

你可以假人與虛列，甚至使用'顯示'在CSS中。 –

我可能會很瘋狂，但我認爲'假專欄'就是我所說的。你可以使用'display'，但它很糟糕/沒有很好的跨瀏覽器支持。 – Kokos

'display'具有非常好的瀏覽器支持，只有低IE（'<7'）不支持。另外，稍微修改你的答案，以便我可以刪除downvote，我沒有正確地閱讀你的問題。 –

display: table-cell雙方的div（並刪除浮筒），可以很容易地工作在這裏，雖然較低的IE不會喜歡它。

或者，你總是可以使用臭名昭著的Faux Columns

來源

2011-08-25 08:16:40

浮動的div，填補空間，直到cleard的div

回答

相關問題