页面底部随机填充？

Question

这可能非常简单，我可能只是在寻找解决方案，但这就是问题所在。

我正在尝试添加一个页脚，但由于某种原因，页脚的文本显示在主要内容下方370px左右，我不明白为什么。我已经检查了所有先前标签的高度以及它们的填充/边距，并且我没有看到应该导致问题。

html代码：

<!--Footer-->
<div id="foot_cont">
    <div id="foot_width">
        <div id="footer">
            <p>&copy; Copyright 2014 Legal Consulting, Inc. All Rights Reserved.</p>
        </div>
    </div>
</div>

CSS代码：

#foot_cont  {width:100%;
            clear:both;
            height:100px;
            background-image:-moz-linear-gradient(#FFB062,#FF5900);
                             background-image:-webkit-linear-gradient(#FFB062,#FF5900);
                              background-image:linear-gradient(#FFB062,#FF5900);}   

#foot_width {width:1300px; margin:0 auto;}

#footer {text-align:center; color:#FFFFFF; text-shadow:2px 2px 0px #000000; font-size:36px;
        clear:both;}

以下是该网站的链接，以便您自己查看问题。

http://jqwebexamples.com/iAM_Talent/Version3/index.html

Answer 1

您的CSS有#right_content规则，将高度设置为1600px。删除它。