为什么我的DIV右侧会出现微小的边缘？

Question

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

当我预览页面时，它们之间的差距很小。我已尝试使用Inspect Element对此进行故障排除，但未在指标中找到任何额外的边距。

CSS：

#category-results { width: 586px; height: 1000px; background-color: fuchsia; }

.category-item-full { height: 158px; width: 266px; background-color: green; position: relative; display: inline-block; margin: 0px; }

HTML：

<div id="category-results">

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

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

</div>

Answer 1

删除CSS中的display: inline-block;。或者，如果需要，请删除HTML中<div>之间的空格：

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

Answer 2

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

Answer 3

尝试CSS重置。这是一个让你入门的人：CSS Tools: Reset CSS。并且，随时谷歌远离“CSS重置”。最后，tuts+ network非常有帮助。

Answer 4

尝试删除display: inline-block并替换为float: left。似乎工作，并且是标准CSS，不像“内联块”。