• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

css 来源:Baso 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.


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)