重叠DIV彼此

Question

我有以下HTML代码：

<div id="waterSummaryContainer_#{chartIndex.index}" style="min-width: 440px; height: 250px; margin: 0 auto; float:left;"></div>

输出结果如下：

我想在两个图表之间留出一些空间。我需要在css中进行哪些更改，以使其不会相互重叠。

感谢!!!!

Answer 1

添加：

display:inline-block;

只要父div足够大，这就可以解决您的问题。

Answer 2

更改样式属性中的边距。

style="min-width: 440px; height: 250px; **margin: 0 25px 0 0;** float:left;"

那应该给你两个div之间的空间