我的 html 代码中的页脚与之前的内容重叠,这是它在浏览器中的样子:
它位于页脚语义标签之前的 div 中的图像之上。
footer {
position: relative;
}
#footerlinks {
text-align: center;
}
#footerlinks li {
list-style: none;
display: inline-block;
}
#footerlinks a {
text-decoration: none;
color: #8e8e8e;
font-family: 'Lato', sans-serif;
}
<!-- Reviews -->
<section id="reviews">
<h2>Reviews</h2>
<section class="visitor-review-1">
<h3>Placeholder text</h3>
</section>
<section class="visitor-review-2">
<h3>Placeholder text<h3>
</section>
</section>
</main>
<!-- Footer -->
<footer>
<nav id="footerlinks">
<ul>
<li><a href="copyright.html">Copyright |</a></li>
<li><a href="accessibility.html"> Accessibility |</a></li>
<li><a href="subscribe.html"> Subscribe</a></li>
</ul>
</nav>
</footer>
最佳答案
试着给页脚从上面的部分留出边距,比如 <footer style="margin-top:90px">
else 降低最后一个封闭分区的高度
关于html - 页脚重叠内容 - HTML 和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44749099/