html – 如何保持浮动div在父div的框架内?

前端之家收集整理的这篇文章主要介绍了html – 如何保持浮动div在父div的框架内?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div包含几个其他div设置float:left.现在我想要所有的框架,所以我把一个边框放在父div上,但浮动的“流”出框架…

CSS:

.rendering {
    padding-left:10pt;
    border-width: 1px;
    border-style: solid;
}
.column {
    float:left;
    padding-left:10pt;
}

HTML:

<div class="rendering">
    <div class="column">
        <img class="ImagePlugin" src="some-image">
    </div>
    <div class="column">
        <span class="phone">999</span>
        <span class="name">Assange</span>
    </div>
</div>

我可以做什么(在CSS中)将它们保留在父框架内?

解决方法

添加溢出:隐藏到您的父级< div> – http://jsfiddle.net/5AVA8/
.rendering {
    padding-left:10pt;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

猜你在找的HTML相关文章