c# - 如何将面板定位在页面底部

标签 c# html css asp.net

我有一个包含 3 个面板的 div,所有面板的宽度都是 div 的 100%(div 是页面宽度的 100%)。一个在顶部,一个在中间将容纳动态控件,一个在底部。

无论中间是否为空,我都希望底部的面板保留在那里。我如何在 c#、asp.net 或 html 中执行此操作?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="Form1" runat="server">
        <div>
            <asp:HiddenField ID="hidLastValidateImgBtnEventId" runat="server" />
            <asp:HiddenField ID="hidLastExpandImgBtnEventId" runat="server" />   
        </div>
        <div id="divMaster" align="center" style="height: 100%">
            <asp:Panel ID="PnlNav" runat="server" Width="75%" Height="25%">
                <asp:Image ID="imgNav1" runat="server" 
                    ImageUrl="~/img/nav/nav_preserve_target_active_logo.png" Width="24%" 
                    Margin-left="-10px" BorderStyle="None"/>
                <asp:Image ID="imgNav2" runat="server" 
                    ImageUrl="~/img/nav/nav_preserve_analyse_inactive_logo.png" Width="24%" 
                    Margin-left="-10px"/>
                <asp:Image ID="imgNav3" runat="server" 
                    ImageUrl="~/img/nav/nav_preserve_metadata_inactive_logo.png" Width="24%" 
                    Margin-left="-10px"/>
                <asp:Image ID="imgNav4" runat="server" 
                    ImageUrl="~/img/nav/nav_preserve_preserve_inactive_logo.png" Width="24%" 
                    Margin-left="-10px" BorderStyle="None" />
            </asp:Panel>
            <asp:Panel ID="PnlButtons" runat="server" Width="75%" Height="25%">
            </asp:Panel>
            <asp:Panel ID="PnlFooter" runat="server" Width="75%" Height="25%">
            <asp:Image ID="imgFooter1" runat="server" ImageUrl="~/img/footer/fp7_logo.png" 
                Width="32%" />
            <asp:Image ID="imgFooter2" runat="server" 
                ImageUrl="~/img/footer/app_logo.png" Width="32%" />
            <asp:Image ID="imgFooter3" runat="server" 
                ImageUrl="~/img/footer/developedby_logo.PNG" Width="32%" />
        </asp:Panel>           
        </div>
    </form>
</body>
</html>

最佳答案

你只能使用 css 来做到这一点

供您引用检查此

http://css-tricks.com/snippets/css/sticky-footer/

Sticky footer doesn't have 100% width

关于c# - 如何将面板定位在页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27062212/

相关文章:

c# - AES 返回字母数字

c# - 带有winmm3.dll的音频播放/倒带功能

php - 如何通过 $_GET 使用较少的变量

javascript - 如何修复我的进度条以防止出现故障?

css - Angular 、背景图像和背景位置

forms - Bootstrap : how do I make horizontal form's "inline-help" look better when it's too long?

c# - LINQ MoreThan(predicate, limit) 扩展而不是 Count(predicate) > limit?

javascript - 如何迭代通过 AJAX JSON 发送的对象

html - 使 Div A 与 Fluid Div B 高度相同

javascript - 使用 Service Worker 缓存非 SSL 请求