使用 100% 宽度时两个内联块元素重叠
尝试创建两个并排的宽度相等的列，您可以在元素上使用 display: inline-block 。然而，当这些元素累计占据父元素宽度的 100% 时，会出现意想不到的问题：第二列换行。
为什么会发生这种情况？
出现此行为的原因在于内联块元素处理空白的方式。默认情况下，内联块元素遵循 HTML 代码中的空白字符。当元素之间有大量空格（例如换行符或制表符）时，元素将相应地分隔。
解决方案：删除空格
以防止对于换行的第二列，只需删除内联块元素之间的空白即可。这可以通过使用一行 HTML 代码来实现，如下所示：
<div>
删除空格后，内联块元素将遵循其声明的宽度并保持并排状态 -在第一行的一侧，实现所需的行为。
以上是为什么两个 100% 宽度的内联块元素会重叠？的详细内容。更多信息请关注PHP中文网其他相关文章！
