把图像L1标签内没有扩大L1标签

Question

我有一个li标签内的img标签，然而，li标签不增加它的高度会自动将图像

实例的高度：http://jsbin.com/iroyev/

我想让img进入li标签。在这种情况下，背景颜色的意思是#F0F0F0。

我该如何做到这一点？

Answer 1

浮动元素不会影响其父项的大小。

可以解决这个问题通过应用overflow到li元素：

ul#something li#someunit { 
    background: none repeat scroll 0 0 #F0F0F0; 
    border-radius: 10px 10px 10px 10px; 
    clear: both; 
    display: block; 
    position: relative; 
    overflow: hidden; 
} 

演示：http://jsbin.com/ubiquy/edit#preview

Answer 2

这是因为您正在浮动图像。尝试在关闭li之前添加一个div来标记具有明确属性的图像。

<div style="clear:both;"></div> 
</li>