我试图将另一个div中的两个div元素设置为彼此并排。
我目前使用的css将两个div设置为display: inline-block;，两个div的width元素加起来为100％，从而填充整个父级，但是这会导致两个div堆叠，而不是彼此相邻。
将float: left应用于其中一个元素将导致它们彼此并排显示，并将width的总和更改为<100％（即39％和60％）
我的问题是导致div堆叠的原因，需要浮动吗？是否有一些我无法看到的缓冲区可以阻止你在另一个缓冲区中加入100％的div？
以下是问题的示例。 https://jsfiddle.net/q1g9z1o4/
答案 0 :(得分：1)
内联元素之间有空格（如文本中的单词）。从小提琴中移除所有空白区域就解决了这个问题。
<div id="div1"><div id="inner1"></div><div id="inner2"></div></div>
This css tricks article为您的问题提供了多种解决方案：
答案 1 :(得分：0)