这个空白是从哪里来的？
我的 sidebar_box 遇到问题，因为它在图像底部显示不需要的空白。
问题是，这似乎只有当我在里面放置图像时才会发生（这不会发生在文本或 ul 列表中）
你可以看到这个 jsFiddle
我的 HTML 结构：
<div id="sidebar">
<div class="sidebar_box">
<div class="sidebar_header">Advertisement</div>
<img src="./images/square_add.png" width="180" height="150" />
</div>
</div>
要重现的相关 CSS：
*{
padding:0;
margin:0;
}
img{
border:0;
}
#sidebar .sidebar_box{
width:180px;
background:#fff;
border:1px solid #000;
}
#sidebar .sidebar_header{
width:180px;
background:#ddd;
border-bottom:1px solid #000;
}
我一无所知，我已经尝试了我所知道的一切。
I am having problems with my sidebar_box, as it is displaying a unwanted white space at the bottom of my images.
The thing is that this seems to happen only when I place an image inside (this doesn't happen with text or ul lists)
You can see this jsFiddle
My HTML structure:
<div id="sidebar">
<div class="sidebar_box">
<div class="sidebar_header">Advertisement</div>
<img src="./images/square_add.png" width="180" height="150" />
</div>
</div>
The relevant CSS to reproduce:
*{
padding:0;
margin:0;
}
img{
border:0;
}
#sidebar .sidebar_box{
width:180px;
background:#fff;
border:1px solid #000;
}
#sidebar .sidebar_header{
width:180px;
background:#ddd;
border-bottom:1px solid #000;
}
I am clueless and I have already tried everything of my knowledge.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
将
vertical-align: Bottom添加到您的图像中。发生这种情况是因为图像是内联显示的，这意味着它们必须在下面留出空间，以防q、p或其他低于基线的字母。Add
vertical-align: bottomto your image. This happens because images are displayed inline, meaning they have to leave space below in case ofq,por other letters that drop below the baseline.写这个：
检查这个http://jsfiddle.net/sKE6y/1/
write this:
Check this http://jsfiddle.net/sKE6y/1/