Question

如果我将img的大小设置为100 * 100，则包含的div将为100 * 106。

额外的'6px'来自哪里？这种行为如何符合标准？

Answer 1

@clyde;是的，这是图像的自然行为，因为img是一个内联元素，因此用户代理会为下行字符留出一些空间。

您可以使用css删除它

img { display:block; } or img { vertical-align:bottom; }

更多检查这些

Answer 2

我认为我们需要更多代码，尤其是CSS样式，但基本上CSS的级联部分可以轻松地向下传递继承的大小。如果你的A有一些额外填充或边距的风格，那么你的最终DIV也会得到它。 A是一个内联元素，通常会在预期更多内容时添加填充;将A转换为块通常可以解决这些问题，所以我先尝试一下。