修复特定的CSS定位问题

时间:2015-11-16 15:37:08

标签: php html css

我目前正在设计和编码网站,但我遇到了CSS的问题。我现在已经在这里工作了几个小时,它真的给了我一些困难,我无法弄清楚是什么弄乱了它。我尝试了很多不同的想法,但没有任何作用。在这一刻,我甚至会接受一个愚蠢的解决方法,因为我想继续其他页面。

继续cvheaven.com/contact.php查看问题。如果你去cvheaven.com,你会发现页脚效果很好,但在这里搞砸了。我将主要的contact.php文件和所有css与footer.php文件一起附加在一个地方。请告诉我你的想法!

http://shrib.com/linkstofiles

3 个答案:

答案 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; }