有问题的网站:christianselig.com
在页面底部,我有一条消息,上面写着“就像你看到的那样?我们应该谈谈。” 但由于某种原因,与其他任何页面不同,此页面与页脚重叠。
CSS:
.message {
margin: 150px 0;
text-align: center;
}
HTML:
<div class="message">
<span class="first-part">Like what you see?</span>
<span class="second-part"><a href="contact.html">We should talk.</a></span>
</div>
<div class="footer-wrapper">
<div class="footer">
<p class="copyright">Copyright © 2012 Christian Selig</p>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
正如你所看到的,我以为我给.message
CSS 150px 的顶部和底部边距,但它似乎并没有在底部开始。我可以给它填充,但这似乎不是一个合适的解决方案,因为我不希望元素跨越那么大的空间,我只想让它向下推其他东西。
潜在的理解:边距使它远离内容,但那里必须有内容。因为它是页面上的最后一个元素,它没有什么可以推开的,所以填充是必要的吗?如果这是真的,有更好的方法吗?