Div不会扩散到浮动图像的高度

Question

我尝试将div扩展到它包含的图像的高度。由于图像具有float：left样式，因此div不会传播。有解决方法吗？

这是我的css代码：

.Small-im {float:left;height:auto; width:100px; border: solid 1px #F00;}
.click {border: solid 1px #000; height:100%;}

这是我的HTML：

<div class="click"><img class="Small-im" src="http://www.MenuSvp.com/i/2/p/b01.jpg"    onerror="imgError(this)" />du testssdw re sad sda asfd sfda asd asdf sdf sadf sadf sfda asdf asdff gh ru er6y reu eu uy er tre er t rt</div>

JSFiddle

感谢您的帮助。

Answer 1

将overflow:auto添加到容器（.click）以根据浮动的内部内容调整其大小：

.click {border: solid 1px #000; overflow:auto}

JSFiddle