UPDATE：看演示在這裏：http://amit-verma.com/template_test/如何讓頁腳DIV啓動所有其他的div完成後

我有頁腳div的對準一個小問題。我在頂部有一個標題。

DIV =搜索Maincontent
{
兩個div內容，並排。
另外兩個div並排放在內容div下方。
}

//只是爲了表示。我知道這不是html;）

現在我想要footer div在maincontent div完成後啓動。我可以做到這一點，如果我指定一個固定的高度爲maincontent div。但我不想爲它指定高度。如果我不指定高度，頁腳div在頁面中間開始。

我在做什麼錯？

代碼

側邊欄{

margin-top: 10px; 
width: 300px; 
float: right; 
text-align: justify; 
font-size: 14px; 
line-height: 18px; 
color: #FFF;

}

搜索Maincontent {

margin-top: 10px; 
width: 620px; 
height: 590px; 
text-align: justify; 
font-size: 14px; 
line-height: 18px;

}

搜索Maincontent .rect {

width: 580px; 
background-color: #dbdddf; 
margin-right: 10px; 
padding: 15px;

}

搜索Maincontent .square {

width: 270px; 
float: left; 
min-height: 270px; 
margin-top: 10px; 
margin-right: 10px; 
background-color: #c6c7c7; 
padding: 15px;

}

頁腳{

background-color: #b1977f; 
width: 880px; 
font-size: 14px; 
padding: 20px; 
text-align: left; 
color: #FFF;

}

HTML

<div id="sidebar"> 
    <div class="box"> 
     </div> 
    <div class="box"> 
     </div> 
    </div> 

<div id="maincontent"> 
    <div class="rect"> 
     </div> 
    <div class="square"> 
     </div> 
    <div class="square"> 

     </div> 
    </div> 

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

來源

2010-05-13 amit

你可能會做503904357錯誤的事情，那麼爲什麼不包括代碼？ – Finbarr 2010-05-13 11:42:16

通過使用clear，您可以將浮動效果「帶走」一個元素，並且它是子元素。它有3個值：clear: left;左側浮動，clear: right; for right floats and clear: both;明顯。

來源

2010-05-13 11:59:44

任何機會，你可以得到這個託管，因此，我們可以清楚地看到存在的問題？嘗試將頁腳左移，並將其清除：兩者都放在它上面。

來源

2010-05-13 11:56:52 Tom

我已將它託管到我的服務器上。 – amit 2010-05-13 12:07:04

http://www.amit-verma.com/template_test/ – amit 2010-05-13 12:20:31

看起來對我好嗎？ – Tom 2010-05-13 12:41:37

嘗試

clear:both;

上的內容的頁腳

和

float:left;

編輯：

#footer { 
background-color: #b1977f; 
width: 880px; 
font-size: 14px; 
padding: 20px; 
text-align: left; 
color: #FFF; 
float:left; 
}

它確實對CSS權＃？

來源

2010-05-13 11:58:57

如何讓頁腳DIV啓動所有其他的div完成後

側邊欄{

搜索Maincontent {

搜索Maincontent .rect {

搜索Maincontent .square {

頁腳{

回答

相關問題