Html Div底部的边框，无填充或边距

请看一看这支superduper的简单钢笔，也许有人能告诉我图片下方div中的空格是从哪里来的

HTML

---

提前感谢，这个sh/t现在快把我逼疯了：'/

只需将

边距：0px

添加到body标记，默认情况下它需要一些边距。 检查下面更新的代码段

.parent{
显示：内联块；
背景色：印度红；
填充：0；
保证金：0；
}
.家长img{
填充底部：0；
页边距底部：0；
}
身体{
边际：0px；
}

这是因为
只需添加“display:block；”与图像一致。无需为父div提供高度和宽度


.parent{
显示：内联块；
背景色：印度红；
填充：0；
保证金：0；
}
.家长img{
显示：块；
填充底部：0；
页边距底部：0；
}

这一条也有我的红线。谢谢，你的链接解释得很好：）@w3debugger，你为什么要将高度和宽度设置为div，并将100%的高度和宽度用于img？这将使所有图像500x350，即使它们很大。只需在图像中添加“display:block”就足以回答这个问题。@ivp我没有修改任何其他内容。我复制了她的代码，只提供了她想要的解决方案。：）好啊凉的那么我的坏消息是什么呢img float：左边可以解决你的问题，但它是如何产生的仍然是一个问题
<div class="parent">
    <img src="url">
</div>

.parent {
    display: inline-block;
    background-color: indianred;
    padding: 0;
    margin: 0;

    img {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}