Div容器不在订单中

Question

我在同一水平行中有4个div容器。

This is how I defined them.
<center>
<div id="chart_div" style="float:left; width:25%; display:inline;"></div>
<div id="chart_div2" style="float:right; width:25%; display:inline;"></div>
<div id="chart_div3" style="float:left; width:25% ; display:inline;"></div>
 <div id="chart_div4" style="float:right; width:25% ; display:inline;"></div>
</center>

它们出现在同一行，但不是我定义的顺序。

最左边的

chart_div : 极右翼chart_div2: chart_di3:左中 chart_div4:在右下方

我该如何解决这个问题？

Answer 1

这里工作正常。如果您在那里使用padding / margin / border，可以告诉我吗？

<center>
<div id="chart_div" style="float:left; width:25%; background: #666">left</div>
<div id="chart_div2" style="float:right; width:25%; background: #ccc">Right</div>
<div id="chart_div3" style="float:left; width:25% ; background: #666">left</div>
 <div id="chart_div4" style="float:right; width:25% ; background: #ccc">Right</div>
</center>