Javascript 调整大小的img标记中的奇怪边距

请阅读下面的html代码：

如图所示，
img
标记左侧有一个奇怪的“棕色块”，未列为边距

我的问题是如何使
a
标记的宽度等于
img
标记的宽度，而不为
a
标记设置明确的
宽度：246px
。
您可以使用
宽度：最大内容
您可以使用
宽度：最大内容
尝试以下方法：

a {
  height: 64px;
  padding: 10px;
  display: inline-flex;
}

img {
  max-height: 100%;
}

试试这个：

a {
  height: 64px;
  padding: 10px;
  display: inline-flex;
}

img {
  max-height: 100%;
}

Thank~，
a
标记的宽度现在已正确呈现。但是我注意到“奇怪的棕色块”现在移动到
a
标记。这意味着
a
标记的父项将有类似的问题。有没有办法消除这个奇怪的棕色块？如果你说的是边距，你可以从所有元素中删除它，然后通过添加
*{margin:0；}
*
来将它们添加到你想要的元素中。在chrome中，“棕色块”不是作为边距列出的。我尝试添加“*{margin:0}”它不起作用。标签父项的样式是什么？@WoodyHuang你能添加一个屏幕截图吗？或者如果棕色块是屏幕截图中带问题的那一块，那么它是边距，但是如果它是其他东西，那么让我看看，或者它只是因为对齐，比如它在左侧，那么可能在右侧有一个块，反之亦然，
a
标记的宽度现在已正确呈现。但是我注意到“奇怪的棕色块”现在移动到
a
标记。这意味着
a
标记的父项将有类似的问题。有没有办法消除这个奇怪的棕色块？如果你说的是边距，你可以从所有元素中删除它，然后通过添加
*{margin:0；}
*
来将它们添加到你想要的元素中。在chrome中，“棕色块”不是作为边距列出的。我尝试添加“*{margin:0}”它不起作用。标记父项的样式是什么？@WoodyHuang你能添加一个屏幕截图吗？或者如果棕色块是屏幕截图中带问题的那一块，那么它是边距，但是如果它是其他东西，那么让我看看，或者它只是因为对齐，比如它在左侧，那么可能在右侧有一个块，反之亦然