gpt4 book ai didi

css - 将页脚放在页面的最底部?

转载 作者:行者123 更新时间:2023-11-28 16:25:02 27 4
gpt4 key购买 nike

现在我有一个始终位于页面底部的页脚。这很好,直到我的内容多于页面无法容纳的内容,这意味着当您向下滚动时,页脚会向上滚动,就好像它是固定的一样。

这是我的 CSS:

   .footerWrap{
clear: both;
position:absolute;
width:100%;
bottom:0;
}

.footer {
position: relative;
margin-bottom: 0px;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #000000;
color: #FFFFFF;
}

.footerLinks{
padding-left: 150px;
text-align: left;
}
.footerLinks p {
display: inline;
}

.footerLinks a {
color: #169e98;
}

.footerSocial{
text-align: right;
}

还有我的 HTML:

<!--Footer-->
<div class="footerWrap">
<div class="footer">
<div class="footerLinks">
<a href="privacy.html">Privacy Policy</a><p> |</p>
<a href="sitemap.html">Sitemap</a><p> |</p>
<p>© 2017</p>
</div>
<div class="footerSocial">
<a href="https://www.facebook.com//" target="_blank"><img src="image/findfb.png" alt="Find us on Facebook"></a>
</div>
</div>
</div>

本质上,我想将页脚 Div 放在文本内容下方。

最佳答案

这很容易:将您的 html 代码包装在

<div class="page">
...
</div>

然后添加CSS

.page{
position:relative;
}

就这样

关于css - 将页脚放在页面的最底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46104416/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com