Html 为什么下一行的div会有一点空白？

当我在新行上放置一个div时，两个div之间会有一点空白。为什么？请参见此，并使用以下代码：

<div>Welkom</div>
<!--onclick == javascript load projects-->
<div class='menu'>Menu <br />
    <div class='item'>Projects</div>
    <div class='item'>Users</div>
</div><div class='main'><--Click a menu item</div>

在本例中，您可以看到，带有class

main

的div直接位于menu div的结束标记之后。当我将其放在下一行并再次运行时，div之间会有一点空白。有人能解释为什么会发生这种情况吗？

这里有空格：） 解决方案之一是编写如下html：

<div>One<div><!--
--><div>Two</div><!--
--><div>Three</div>

onetwotree

---

因此，浏览器中不会有空格，因为它们已被注释。

您必须说明您想知道空格原因的原因。您是想删除它们还是只是想知道？要使html可读，我不能将所有文本都放在一行上。这就是为什么我希望一个div从一条新的线路开始。但我得到了恼人的空白：（看这里，检查我在这页上的答案：解释了为什么会发生这种情况，但我认为你如何解决它并不完全正确。我仍然会使用我认为的字体大小解决方案。thx提供帮助：）

<div>One<div><!--
--><div>Two</div><!--
--><div>Three</div>