CSS宽度不加起来

Question

我在父<div>内有两个<div>。两个内部样式的样式都没有padding，border或margin以及width:50%; display:inline-block;。外部<div>也没有padding等。萤火虫显示外部<div>宽度为1240像素，每个内部宽度为620像素。那么为什么它们会出现在另一个之下而不是并排？如果我将它们的宽度降低到618px，它就可以了。咦？

Answer 1

display:inline-block在绘制元素AFAIK时考虑标记空白的方式不方便。如果父元素没有任何其他文本，请尝试将font-size:0设置为父元素，并为子元素设置所需的font-size。

P.S。，首先尝试消除元素之间标记的空白区域，看看是否能解决问题。

Answer 2

这听起来像一个相当简单的解决方案，如果你有两个方块，A和B，它们的大小完全相同，你直接看着它们，它们完美排列，你只会看到一个区块。

您正在尝试制作一些不适合容器内部的显示器。你已经解决了你的问题，容器的大小或内容温和，以适应它们。