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

我想保持我的頁腳在每個子頁面底部。如何將頁腳保持在asp.net母版頁的底部。

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

</asp:ContentPlaceHolder> 

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

來源

2014-09-22 Sesuraj

在這裏，你可以找到粘頁腳收集好：http://stackoverflow.com/questions/18469262/position-頁腳底部有固定標題 – 2014-09-22 11:20:37

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

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

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

來源

2014-09-22 11:35:46 Pawan

但這不是我的要求。頁腳應該在每頁的底部 – Sesuraj 2014-09-22 11:59:24

然後，你應該嘗試一些jQuery的粘腳，建議@哈希姆Qolami – Pawan 2014-09-22 12:09:17

好主意..我尋找這樣的調整版主頁面問題，這自2012年以來:) – 2016-06-05 12:45:15

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; 
}

來源

2014-09-22 12:12:09 redIntent

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

position: absolute; 
bottom: 0;

來源

2014-09-22 12:19:23 gldraphael

謝謝gldraphael。這很簡單，很好用。 – Gurusinghe 2016-12-30 14:33:34

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

回答

相關問題