如何在asp.net母版页中将页脚保持在底部。？

Question

我想在每个子页面中保持我的页脚底部。

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

</asp:ContentPlaceHolder>

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

Answer 1

您只需将以下CSS添加到页脚：

position: absolute;
bottom: 0;

Answer 2

Yau可以将ContentPlaceHolder放入div并根据您的要求设置min-height：

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

min-height是否有数据会占用content page。

Answer 3

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