3垂直部分

Question

我有一個網站，我需要一個粘腳。我希望頁腳始終位於頁面的底部，而不管用戶的屏幕尺寸如何。如果內容比屏幕更長，我希望頁腳隨着它下移。我希望這是沒有表格的所有DIV。

下面的文章是我正在尋找，雖然答案不適用於asp.net標記。當我有表單標籤時，所有的CSS都被忽略。只要我拿出表格標籤，頁腳就完美地貼在底部。

How do you get the footer to stay at the bottom of a Web page?

Answer 1

試過以下嗎？

.fixedPosition { 
     background-color:black; 
     position:fixed; 
     min-height:200px; 
     left:0px; 
     right:0px; 
     bottom:0px; 
    } 

這將解決你的包裝的左側，右側和底部。然後你可以決定它會有多高。

如果定位表單存在問題（我不知道）試着包裝它。

<div class="fixedPosition"><form></form></div> 

幫助過？

Answer 2

在你的CSS設置標題，內容和頁腳div的顯示屬性來阻止。

#header { 
display:block; 
} 

#content { 
display:block; 
} 

#footer { 
display: block; 
} 

如果你的標題，內容和頁腳的div的順序出現在你的HTML頁面，則頁腳應該始終顯示您的內容下面，除非是在你的代碼的其他標記，這不是在本例中被顯示。