css 将页脚粘贴到页面底部[复制]

8cdiaqws 于 2023-02-14 发布在其他

关注(0)|答案(2)|浏览(138)

- 此问题在此处已有答案**：

Make footer stick to bottom of page correctly [duplicate]（10个答案）
九年前就关门了。
我的页脚不想粘在页面的底部。我是HTML的新手，我不能让它向下。
下面是我的代码：

<div class="footer">
    Copyright &copy; 2013. All rights reserved
</div>

css

来源：https://stackoverflow.com/questions/18522943/sticking-my-footer-to-the-bottom-of-the-page

2条答案

按热度按时间

rhfm7lfc1#

简单固定溶液：

.footer {
   position: fixed; 
   bottom: 0;
}

简单绝对溶液：

.footer {
   position: absolute; 
   bottom: 0;
}

花式粘滞页脚：

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; /* bottom = footer height */
}
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background: red;
}

赞(0）回复(0）举报 2023-02-14

kmbjn2e32#

关于堆栈溢出有几个类似的问题，其中一个问题如下：
How to align footer (div) to the bottom of the page?
......我已经给出了这个问题的答案。
如果你不想找到答案，这里有两个快速链接：

赞(0）回复(0）举报 2023-02-14

我来回答

css 将页脚粘贴到页面底部[复制]

2条答案

相关问题

热门标签

最新问答