css - div 与外部相对 img 溢出

Question

我只是在 html 中有一个 div 标签的愚蠢问题（我认为......）。

我想将背景相对图像定位在左上角，半图像在其容器之外。

问题是容器没有填满它的所有内容。我尝试使用“溢出：自动”属性，但左角图像变为隐藏。

我的html：

<div class="content">
    content of the page
</div>
<footer id="footer">
    <div class="column" id="footer-izda">
        <span id="logo-sup"> </span>
        <span>conecta con nosotros</span>
        <ul>
            <li class="twitter">outside of box </li>
            <li class="facebook">outside of box</li>
        </ul>
    </div>

    <div class="column" id="footer-dcha">
        <div class="module widget_nav_menu  deepest">Copyright © 2013</div>
    </div>
</footer>

我的 CSS：

.content{
    margin-bottom: 2%;  
}

footer{
    background-color: #333333;
    color: #EDEDED;
    padding: 1%;
    display: block;
    /*overflow: auto;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.column #logo-sup{
    background: url('http://formate21.es/wp-content/themes/master/images/footer.png') left top no-repeat;
    width: 26px;
    height: 26px;
    top: -25px;
    left: 0;
    float: left;
    position: absolute;
}

#footer-izda {
    float: left;
    width: 50%;
    position: relative;
    text-align: left;
}

我在 jsfiddle 上写了这个：http: //jsfiddle.net/ecXba/10/

有什么建议吗？

Answer 1

将下面的代码放在 </footer> 标记之前。

<div style="clear:both;"></div>

希望这可以帮助！