Question

如何在asp.net中添加页脚，该页脚会根据页面内容和屏幕尺寸自动调整。

我在母版页上有一个页脚。我希望所有内容页面都应自动适应屏幕上的内容或屏幕尺寸

我尝试过。

footer {
        background-color: lightgray;
        position: unset;
        left: 0;
        margin-bottom: auto;
        height: 64px;
        width: 100%;
        overflow: hidden;
    }

在母版页上添加的页脚

<footer>
        <asp:Image ID="Image2" runat="server" ImageUrl="~/wp-content/Images/114x114.png" ImageAlign="Baseline"
            AlternateText="Foodora.com" Height="67px" />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:Image ID="Image3" ImageAlign="Middle" runat="server" ImageUrl="~/wp-content/Social/facebook_sq.png" />
        &nbsp;&nbsp;&nbsp;
            <asp:Image ID="Image4" ImageAlign="Middle" runat="server" ImageUrl="~/wp-content/Social/twitter_sq.png" />
        &nbsp;&nbsp;&nbsp;
            <asp:Image ID="Image5" ImageAlign="Middle" runat="server" ImageUrl="~/wp-content/Social/instagram_sq.png" />
    </footer>

但是在页面上，内容很少的页脚有白色的空白...

enter image description here

向网站添加响应页脚。页脚在母版页上，应显示在每个内容页上

0 个答案: