Html 为什么我的DIV右边出现了一个很小的空白？

我有一个586px宽的大DIV。其中有两个较小的div，均为266px宽

但是当我预览页面时，它们之间有一个小的空白。我曾尝试使用Inspect元素对此进行故障排除，但在度量中未发现任何额外的裕度

CSS：

类别结果{ 宽度：586px； 高度：1000px； 背景色：紫红色； }

.类别项目已满{ 高度：158px； 宽度：266px； 背景颜色：绿色； 位置：相对位置； 显示：内联块； 边际：0px； }

HTML：

---

这是因为你的div之间有空白。把它们收紧，它就会消失

这是因为你的div之间有空白。把它们收紧，它就会消失

删除显示：内联块；在CSS中。或者，如果需要，请删除HTML中s之间的空白：

<div class="category-item-full">
</div><div class="category-item-full">
</div>

删除显示：内联块；在CSS中。或者，如果需要，请删除HTML中s之间的空白：

<div class="category-item-full">
</div><div class="category-item-full">
</div>

---

尝试CSS重置。这里有一个帮助您开始的方法：。而且，你可以随意用谷歌搜索CSS重置。最后，这是非常有用的。

尝试CSS重置。这里有一个帮助您开始的方法：。而且，你可以随意用谷歌搜索CSS重置。最后，非常有用。

尝试摆脱display:inline块，并替换为float:left。似乎可以工作，并且是标准CSS，与内联块不同。

尝试摆脱display:inline块并替换为float:left。似乎有效，并且标准CSS与内联块不同。

这些是内联块吗？HTML源代码中的div标记之间是否有空格或换行符？如果是这样的话，那就是问题所在。请发布完整的html和CSS，只是添加了CSS和html，谢谢。BoltClock，我把div放在一行上，就像这样，但我不明白如果它们在单独的行上，为什么会包含空白。你可以为此感谢html解析。所有无关的空白（包括换行符）都压缩为一个空格。这些是内联块吗？HTML源代码中的div标记之间是否有空格或换行符？如果是这样的话，那就是问题所在。请发布完整的html和CSS，只是添加了CSS和html，谢谢。BoltClock，我把div放在一行上，就像这样，但我不明白如果它们在单独的行上，为什么会包含空白。你可以为此感谢html解析。所有多余的空格，包括换行符，都压缩成一个空格。啊，我想我明白了。内联块正在解析空白，对吗？这给了我一个新问题。如果删除内联块，则较小的div将占据整行，而不是彼此相邻。没有内联块我怎么绕过它？是的，正如你所说的。为了避免这个问题，试着用谷歌搜索css浮动。啊，我想我明白了。内联块正在解析空白，对吗？这给了我一个新问题。如果删除内联块，则较小的div将占据整行，而不是彼此相邻。没有内联块我怎么绕过它？是的，正如你所说的。要绕过它，请尝试在谷歌上搜索css浮动。