我有一个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; }