HTML和div的內容

我有這樣的結構（div的）：HTML和div的內容

#content-wrapper-> 
    #left 
    #center 
    #right 
#footer 

#footer 
{ 
    position: relative; 
} 

#content-wrapper 
{ 
    position: relative; 
    clear: both; 
    overflow: hidden; 

    width: 100%; 
     height: 100%; 

    min-height: 300px; 
}

但當#center DIV文字更大，比min-height，它成爲在#footer。怎麼了？

UPD： 實例地址：link

來源

2011-02-06 Ockonal

你已經錯過了很多必要的代碼來找出這一個。 – sevenseacat 2011-02-06 14:29:22

'＃content-wrapper'的高度是什麼的100％？如果它是身體的100％，那麼`＃footer`在哪裏適合？ – 2011-02-06 14:42:19

我認爲這是一個非常接近你的結構，但我沒有看到你提到的問題。你可以調整這個小提琴，或鏈接到一個真正的問題的例子？ http://jsfiddle.net/mlms13/TfESA/ – 2011-02-06 14:54:15

感謝您提供的內容。它看起來像是發生這個問題，因爲#content-center的固定高度爲200px。擺脫這一點（除非你有充分的理由保留它，否則和#content-right的固定高度），或者將其更改爲min-height，而頁腳應該按預期顯示在內容下面。

如果#content-left或#content-right是最長的列，那麼您仍然會遇到一些問題。爲了解決這個問題，你可以刪除從#content-wrapper DIV頁腳 - 設置你的結構像這樣：

<div id="content-wrapper"> 
    <div id="content-left"></div> 
    <div id="content-right"></div> 
    <div id="content-center"></div> 
</div> 
<div id="footer"></div>

讓我知道，如果不爲你工作。

來源

2011-02-06 17:33:20

你需要一個新的項目。更清晰至極清除主DIV

你不需要任何的位置內浮動：相對
你不需要任何明確的：既
，但你需要的內容 - 內部新項目包裝器

這一點。這就是所有。

漂浮divs像一個點。它們不會影響div的大小或寬度

另一個很好的解決方案，以使用表的東西：

CSS 100% width in floated div

這並不是真正的答案，但我更喜歡你使用表中顯示的div ，他們可以調整大小，放置比浮動div更好。

來源

2011-02-06 14:33:47

HTML和div的內容

回答

相關問題