页脚不占用内部包装的高度

Question

有没有人知道这个问题？

的CSS：

    footer {
    width:100%;
    height:auto;
    background:black;
}
footer .wrapper {
    width:1000px;
    height:auto;
    margin:0 auto;
    color:grey;
}
footer .wrapper .footer_column {
    width:333.3px;
    height:auto;
    float:left;
}

HTML

<footer>
    <div class="wrapper">
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
        <div class="footer_column">
            Content
        </div>
    </div>
</footer>

提前致谢

http://jsfiddle.net/cWCFV/

Answer 1

放溢：auto;在你的页脚div。

footer {
    width:100%;
    height:auto;
    background-color:red;
    overflow: auto;
}