Html 为什么在这些div元素之间会出现这个不是边距的空格？

在本SSCCE中，预期/预期的是四个div将出现在一行中。但是他们没有，因为div之间有一个空格，这个空格甚至不是

边距

从我的SO搜索中，我发现了一种叫做边界崩溃的东西。因此，为了避免这种现象，我添加了一些CSS规则来喜欢现有的所有HTML元素，正如您在CSS文件的开头所看到的。这确实消除了浏览器窗口边缘的空白，但没有消除div之间的空白

那么这里发生了什么，我能做些什么呢？


html，
身体，
身体科，
跨度
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
P
块引用，
之前，
缩写，
地址:，
引用，
代码，
德尔，
dfn，
相对长度单位，
img，
ins，
kbd，
Q
桑普，
小的
坚强的
附属的，
啜饮，
var，
B
我
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
形式，
标签，
传奇
桌子
说明文字
t身体，
特富特，
thead，
tr，
th，
运输署，
文章
在一边
图形
页脚，
标题，
hgroup，
菜单，
导航，
第节，
时间
做记号
音频
视频
细节，
总结{
边际：0px；
填充：0px；
边框：0px无；
背景：透明无重复滚动0%0%；
字体大小：100%；
垂直对齐：基线；
}
.包装纸{
溢出-x：滚动；
位置：相对位置；
}
分部项目{
/*位置：绝对位置*/
显示：内联块；
宽度：25%；
高度：25vw；
}
.小麦{
背景色：小麦；
}
.粉红{
背景颜色：粉红色；
}
.米色{
背景颜色：米色；
}
盖恩斯博罗先生{
背景色：gainsboro；
}
.珊瑚{
背景颜色：珊瑚；
}
克鲁森先生{
背景颜色：深红色；
}
.项目1{
左：0%；
}
.项目2{
左：25%；
}
.项目3{
左：50%；
}
.项目4{
左：75%；
}
.项目5{
左：100%；
}
.项目6{
左：125%；
}

A.
A.
A.
A.
这些空格是包含空格字符的文本节点

在
a.
和
a.
之间有一个新行，后跟三个空格

如果不需要，请从HTML中删除它们


html，主体，div{
边际：0px；
填充：0px；
边框：0px无；
背景：透明无重复滚动0%0%；
字体大小：100%；
垂直对齐：基线；
}
.包装纸{
溢出-x：滚动；
位置：相对位置；
}
分部项目{
/*位置：绝对位置*/
显示：内联块；
宽度：25%；
高度：25vw；
}
.小麦{
背景色：小麦；
}
.粉红{
背景颜色：粉红色；
}
.米色{
背景颜色：米色；
}
盖恩斯博罗先生{
背景色：gainsboro；
}
.珊瑚{
背景颜色：珊瑚；
}
克鲁森先生{
背景颜色：深红色；
}
.项目1{
左：0%；
}
.项目2{
左：25%；
}
.项目3{
左：50%；
}
.项目4{
左：75%；
}
.项目5{
左：100%；
}
.项目6{
左：125%；
}

a、 a.a.a。
显示代码中结束和开始div标记之间的空格。试试这个：

     <div class="item item1 wheat">a.</div><!--
  --><div class="item item2 pink">a.</div><!--
  --><div class="item item3 beige">a.</div><!--
  --><div class="item item4 gainsboro">a.</div>

a.a.a.a。