Question

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

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

问题是容器没有填充其所有内容。我尝试使用“overflow：auto”属性，但左角图像变为隐藏。

我的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

将以下代码置于＆lt; / footer＆gt;之前标签

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

希望这有帮助！

div溢出外部相对img

1 个答案: