Html div之间的空格，即使边距和填充设置为0

我试图建立一个css框架供我个人使用。 我以前在其他项目中遇到过这个问题，但通过修改代码成功地解决了它。我不知道为什么会这样

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } *{ 框大小：边框框； } .行{ 显示：块； 宽度：100%； 身高：100%； 保证金：0； 填充：0； } .col-sm-1、.col-md-1、.col-lg-1{ 保证金：0； 填充：0； 显示：内联块； 宽度：4.16667%； 边框：1px纯黑； }

---

问题是内联块之间的空白

A B 您可以通过无缝地将div打包在一起（尽管很难看）来避免这种情况：

---

问题是内联块之间的空白

A B 您可以通过无缝地将div打包在一起（尽管很难看）来避免这种情况：

---

更改为显示：块和浮动：左；而且效果很好

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } *{ 框大小：边框框； } .行{ 显示：块； 宽度：100%； 身高：100%； 保证金：0； 填充：0； } .col-sm-1、.col-md-1、.col-lg-1{ 保证金：0； 填充：0； 显示：块； 浮动：左； 宽度：4.16667%； 边框：1px纯黑； }

---

更改为显示：块和浮动：左；而且效果很好

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } *{ 框大小：边框框； } .行{ 显示：块； 宽度：100%； 身高：100%； 保证金：0； 填充：0； } .col-sm-1、.col-md-1、.col-lg-1{ 保证金：0； 填充：0； 显示：块； 浮动：左； 宽度：4.16667%； 边框：1px纯黑； }

---

仅内联块上不会发生这种情况解决方案是相同的，无论它是内联块还是其他什么。仅内联块上不会发生这种情况解决方案是相同的，无论它是内联块还是其他什么。float:left修复了它，但我为什么要清除：两者？这只会让他们走上新的路线。无论如何，我不想这样，谢谢你：在所有浮动内容之后，你应该将元素设置为clear:both，否则以下内容可能会被放置在某个地方…始终将clear:both放在浮动元素的容器上，否则你会有严重的布局问题。float:left修复了它，但我为什么要clear:both？这只会让他们走上新的路线。无论如何，我不想这样，谢谢你：在所有浮动内容之后，你应该将一个元素设置为clear:both，否则下面的内容可能会被放置在某个地方…始终保持clear:both放在浮动元素的容器上，否则你会有严重的布局问题。