html - 页面底部的随机填充？

Question

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

我正在尝试添加页脚，但出于某种原因，页脚文本出现在主要内容下方约 370 像素处，我不知道为什么。我已经检查了之前所有标签的高度以及所有标签的填充/边距，我没有发现任何会导致问题的地方。

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。将其删除。