Question

我在asp.net中有一个母版页，其中包含其他页面内容抛出一个ContentPlaceHolder。我希望在母版页面中有一个页脚，无论在使用内容ContentPlaceHolder的页面中显示什么，都会在底部显示。

这是我的母版页：

<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，但对我来说没有什么工作正常，总有一个流程！

Answer 1

好的，我认为你首先要混合一些东西：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放在网页<style>的{{1}}标记中，但通常最好将其放在单独的.css文件中并在{页面的{1}}，如下所示：

<head>

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

如何在asp.net页面上制作页脚？

1 个答案: