我目前正在设计和编码网站,但我遇到了CSS的问题。我现在已经在这里工作了几个小时,它真的给了我一些困难,我无法弄清楚是什么弄乱了它。我尝试了很多不同的想法,但没有任何作用。在这一刻,我甚至会接受一个愚蠢的解决方法,因为我想继续其他页面。
继续cvheaven.com/contact.php查看问题。如果你去cvheaven.com,你会发现页脚效果很好,但在这里搞砸了。我将主要的contact.php文件和所有css与footer.php文件一起附加在一个地方。请告诉我你的想法!
答案 0 :(得分:3)
将<footer>
代码设为overflow: hidden;
然后给它top: 150px
并提供id "end"
top: 150px;
这不是最干净的解决方案,但它看起来更好。 我希望这就是你的意思。
修改强>
看看Alex Wright的答案,它也是一个解决方案,我甚至会说这是更好的解决方案。我怎么说,如果没有更多代码,很难快速找到正确的东西:)
答案 1 :(得分:1)
您可能会发现清除代码中的任何错误都会有所帮助,您可以在W3C的免费验证工具中查看完整列表。
https://validator.w3.org/nu/?doc=http%3A%2F%2Fcvheaven.com%2Fcontact.php
答案 2 :(得分:1)
您发现这种情况的原因是因为表单中的input
元素已浮动。
您只需清除form
标记上的浮动内容,您的页脚列就会正确显示。
我会给你的表单一个类名:
<form class="contact-form">
然后用CSS
清除浮动
.contact-form::after {
content: '';
clear: both;
display: table;
}