重叠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