如何將頁腳保持在asp.net母版頁的底部。

Question

我想保持我的頁腳在每個子頁面底部。

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

</asp:ContentPlaceHolder> 

<div class="footer"> 
footer content 
</div> 

Answer 1

油可以把ContentPlaceHolder一個div內，並設置其按您的要求min-height爲：

<div style="min-height:500px;"> 
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
    </div> 

它將佔據min-height上是否有content page與否數據。

Answer 2

html, 
body { 
margin:0; 
padding:0; 
height:100%; 
} 
#wrapper { 
min-height:100%; 
position:relative; 
} 
#header { 
padding:10px; 
background:#5ee; 
} 
#content { 
padding:10px; 
padding-bottom:80px; /* Height of the footer element */ 
} 
#footer { 
width:100%; 
height:80px; 
position:absolute; 
bottom:0; 
left:0; 
background:#ee5; 
} 

Answer 3

你只需要下面的CSS添加到頁腳：

position: absolute; 
bottom: 0;