有一個div仍然是所有其他div的下面我

頁

<div id="pagebody"> 
    <div id="left-entries"> </div> 
    <div id="right-entries"> </div> 
</div> 

<div id="footer"> 
    ....text.... 
</div>

left-entries和right-entries有float: left;使他們中pagebody出現在彼此的旁邊。

pagebody有margin-left: auto; margin-right: auto;，以便它位於中心。

我怎樣才能得到footer始終顯示在pagebody下？現在它位於一切後面。我有一種感覺，這是因爲pagebody沒有定義的高度（因爲高度是由它內部的內容定義的，這取決於內容是可變的）。

任何想法？

來源

2011-11-11 n0pe

嘗試'明確：兩個'在頁腳？ –

如果添加clear:both;到#footer的將永遠是pagebody

來源

2011-11-11 02:28:50 enduro

在同一時間！ – 2011-11-11 02:29:36

呃......我用我的評論擊敗了你們兩個：P（我是唯一一個將stackoverflow看作是具有競爭力的MMO？> _>） –

你要清楚它的下面。

clear: both;

來源

2011-11-11 02:29:22

我會建議清理浮動的DIV。您可以通過添加任何包含任何浮動子項的父元素來添加「清除」類。我認爲這個效果最好，因爲它在HTML中的標記較少。（通過Nicolas Gallagher）

例如：

<style> 
    .clear:before, .clear:after { content:""; display:table; } 
    .clear:after { clear:both; } 
    .clear { zoom:1; } /* IE 6/7 (hasLayout) */ 
</style> 

<div id="pagebody" class="clear"> 
    <div id="left-entries"> </div> 
    <div id="right-entries"> </div> 
</div>

應該清除#pagebody DIV下面什麼。

來源

2011-11-11 02:52:42 bullzito

有一個div仍然是所有其他div的下面我

回答

相關問題