如何使页脚粘在asp.net页面上？

  • Z时代
  • 2024-01-10
  • 分类：问答

我在asp.net中有一个母版页，它将包含其他页面内容抛出ContentPlaceHolder。我希望在使用内容ContentPlaceHolder的页面中显示的内容无关紧要的情况下，在底部使用CSS的母版页中有一个页脚。如何使页脚粘在asp.net页面上？

这是我的母版页：

<body> 
<form id="form1" runat="server" style="height:100%;"> 
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="True"> 
    <Scripts> 
     <asp:ScriptReference Path="Scripts/jquery-1.11.2.min.js" /> 
     <asp:ScriptReference Path="Scripts/CommonMethods.js" /> 
     <asp:ScriptReference Path="Scripts/CommonProperties.js" /> 
     <asp:ScriptReference Path="http://code.jquery.com/ui/1.10.4/jquery-ui.js" /> 
     <asp:ScriptReference Path="Scripts/jquery.watermark.min.js" /> 
    </Scripts> 
</asp:ScriptManager> 
<div id="header"> 
    <h1> 
     SABIS® Educational Systems INC. 
    </h1> 
</div> 
<div id="nav"> 
</div> 
<div id="section"> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
</div> 
<div id="footer"> 
    Copyright © Sabis.net 
</div> 
<asp:ContentPlaceHolder ID="cpClientScript" runat="server"> 
</asp:ContentPlaceHolder> 
</form>

我试过很多的CSS，但没有正常工作对我来说始终是一个流动!!。

回答：

好的，我认为你首先将一些东西混合起来：ASP对浏览器显示页面的方式没有影响。这是因为ASP是输出纯HTML的服务器端语言。然后将这个HTML发送到您的浏览器，以及链接到（CSS，JavaScript，图像...）的任何资产。

所以这就是CSS来的地方.CSS用于向HTML添加样式。所以你完全正确的认为CSS是获得你描述的行为的方式。具体方法如下：

div#footer{ // Add the style below to the div with ID "footer" 
    position: fixed; // Set the position to "fixed" to the screen 
    bottom: 0px; // The fixed position should be 0px from the bottom of the screen 
    width: 100%; // Optional, this stretches the div across the width of the screen 
}

您可以把这块CSS的在你的页面的<head>一个<style>标签，但它通常是更好地把它放在一个单独的.css文件，并链接到它的<head>该页面，像这样：

<link rel="stylesheet" href="path/to/stylesheet.css">

补充阅读：here's a getting started guide about CSS stylesheets.

以上是 如何使页脚粘在asp.net页面上？ 的全部内容， 来源链接： utcz.com/qa/260023.html

回到顶部