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

C# 如何在asp.net母版页中将页脚保持在底部。?,c#,asp.net,.net,css,sticky-footer,C#,Asp.net,.net,Css,Sticky Footer,我想让我的页脚在每个子页面的底部 <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> <div class="footer"> footer content </div> 页脚内容 Yau可以将ContentPlaceHolder放入div中,并根据您的要求设置其最小高度: <div style="mi

我想让我的页脚在每个子页面的底部

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

</asp:ContentPlaceHolder>

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

页脚内容

Yau可以将
ContentPlaceHolder
放入
div
中,并根据您的要求设置其
最小高度

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


无论
内容页上是否有数据,它都将占用
min height

Yau可以将
ContentPlaceHolder
放在
div
内,并根据您的要求设置其
min height

  <div style="min-height:500px;">
   <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
  </div>
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;
}


它将占用
最小高度
无论
内容页上是否有数据。

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

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;
}
position: absolute;
bottom: 0;

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

position: absolute;
bottom: 0;

在这里你可以找到一个很好的粘性页脚集合:在这里你可以找到一个很好的粘性页脚集合:但这不是我的要求,对吗。?页脚应该在每页的底部,然后您应该尝试使用@Hashem QolamiNice idea建议的jquery粘性页脚。。自2012年以来,我一直在搜索母版页的此类调整:),但这不是我的要求,对吗。?页脚应该在每页的底部,然后您应该尝试使用@Hashem QolamiNice idea建议的jquery粘性页脚。。自2012年以来,我一直在搜索母版页的此类调整:)