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，如果内容大小超过那个，它就会溢出。不要50px，请尝试height:auto;（我认为这是默认值，因此如果删除height:50px;就足够了。）

Answer 2

删除所有<br>推送文字。您将高度设置为50px并使其大于此值。我删除了<br>标签并减少了页脚上的顶部填充，看起来大部分都很好，但确实没有理由将页脚设置为特定高度。如果您想要那些<br>，请删除或更改页脚类中的height:50px。

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

Answer 3

您在元素上设置了一个高度，该元素的内容不适合它。我可以推荐无数的东西，但我认为我的大多数更大的解决方案 - 会破坏你主题中的其他东西......尝试从CSS中获取高度并溢出隐藏的规则。让内容决定它的父母的大小。

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

3 个答案: