我有一个 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 中)才能将它们保留在父框架内?
最佳答案
添加overflow: hidden
给你的 parent <div>
- http://jsfiddle.net/5AVA8/
.rendering {
padding-left:10pt;
border-width: 1px;
border-style: solid;
overflow: hidden;
}
关于html - 如何在父div的框架内保持 float div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9017120/