html - 如何在父div的框架内保持 float div？

Question

我有一个 div，其中包含几个设置为 float:left 的其他 div。现在我想要一个围绕所有这些的框架，所以我在父 div 上放置了一个边框，但是 float 的那些“流”出了框架......

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 中)才能将它们保留在父框架内？

Answer 1

添加overflow: hidden给你的 parent <div> - http://jsfiddle.net/5AVA8/

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