我在div中有一个图像，让我们这样说：
<div>
<img src="myimage.png">
</div>
div的样式是行高：36px;
图像的高度为12px
此代码存在于许多网站上（想想按钮/徽章等） - 它基本上始终有效。但偶尔div会在图像周围坍塌，我正试图找出原因。
如果我在图片旁边放置 ，则行高会再次开始工作。
将图像设置为内联，为div提供特定的字体大小，似乎没有什么区别
答案 0 :(得分：1)
将新样式应用于div：
<div style="display:list-item;"></div>
这可以帮助你。
答案 1 :(得分：1)
可能是因为img已设置为display:block。在这种情况下，没有什么可以形成线框。如果没有行框，则无法应用行高。
可能浮动img也可能会让事情变得混乱，因为这也不会留下什么来创建行框。但是在这种情况下，div会折叠到0高度，而不是在图像周围包裹。
答案 2 :(得分：0)
尝试div { font-size: 0; }，其高度必须与其行高