如何防止页脚文本出现在页脚外部

Question

我还有另一个问题。 页脚中的文本始终显示在页脚下方。 如何将其保留在页脚div中？这是页脚的html代码：

<div id="footer">

<!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. -->
<p>Contact | Privacy Policy | Call 1300 IT 4 U (483 678)</p>
<br />
<br />
<br />
 <p><?php bloginfo('name'); ?> Pty Ltd 2000-2014 is proudly powered by<a href="http://wordpress.org/">WordPress</a> and designed by <a href="http://www.wpart.org/">WPart.</a> All Rights Reserved. Stathis Arcade 262 Maquarie Street Suite 2-3 | Liverpool NSW 2170
<?php wp_footer(); ?></p>
</div>

这是页脚CSS：

#footer {

    width: 960px;

    background-repeat: no-repeat;

    padding-top: 10px;

    padding-right:10px;

    height: 50px;

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 12px;

    font-weight: normal;

    color: #002899;

    padding-left: 10px;

    text-align: center;

    position:absolute;

    overflow: hidden;

}

http://jsfiddle.net/jats_ptl/b28vz/

Answer 1

如果您的高度是固定的，在这种情况下为50px ，并且内容大小大于该大小，它将溢出。 尝试用height:auto;代替50px height:auto; （我认为这是默认设置，因此，如果您删除height:50px; ，就足够了）。

Answer 2

摆脱所有将文本向下推的<br> 。 您将高度设置为50px并使其大于该值。 我删除了<br>标记并减少了页脚的顶部填充，它看起来基本上没问题，但是确实没有理由将页脚设置为特定的高度。 如果您需要这些<br> ，请在页脚类中删除或更改height:50px 。

http://jsfiddle.net/29jA3/1/

Answer 3

在元素上具有不适合其内部内容的元素的高度已设置。 我可以提出很多建议，但是我认为我的大多数较大的解决方案-都会使您的主题中的其他事情弄得一团糟...尝试从CSS中移除高度并将隐藏的规则溢出。 让内容决定其父对象的大小。