CSS/HTML 问题。
这太疯狂了——我只能假设我是个白痴。我无法让我的图像填充它所在的 div。图像下方始终有 5px 的“填充”。
这是html：
<!doctype html>
<head><link rel="stylesheet" href="style.css" type="text/css" /></head>
<body>
<div class="row">
<img src="pic2.jpg" />
</div>
</body>
这是CSS：
body, .row, img {
padding: 0;
margin: 0;
border: none;
}
.row {
width: 80%;
background-color: orange;
}
img{
width: 50%;
}
这是结果：
如您所见，（愚蠢的）蓝色和红色图像没有填充橙色 div。图像下方显示一致的 5px 橙色。这不受 div 或图像的 % 宽度更改或调整窗口大小的影响。
我可以用“margin: -5px;”来解决这个问题，但我想知道它为什么会发生（尤其是在不同的情况下，数量大于或小于 5px）。
感谢您的帮助（如果这对我来说是一个荒谬的错误，再次抱歉）。