javascript - 两个 Div 彼此相邻，其中 ID 包含图像

Question

通常， float 对我有用，我可以向左或向右浮动。但是，这次我使用的是 Google Charts，并且这段代码使用了 getElementByID。然后每个 div ID 都包含一个图表图像。我的目标是将两个图表并排放置，但最终发生的是本应位于左侧的图表消失了。

到目前为止，我已经尝试在样式中使用 float ，在 div 中使用类。两者似乎都不起作用。我不确定我做的是否正确，但是我之前在其他文档中已经开始使用 float，所以我假设我需要针对这种情况使用不同的方法。

如果需要，我可以粘贴代码。当两个 ID 都包含 Google Chart 时，将两个 div 并排放置的解决方案是什么？

编辑:这是我的代码的粘贴 http://pastebin.com/frhhEDYt

Answer 1

尝试将两个图表放在一个父容器中，在 JS 和 中指定每个图表的 width 和 height >CSS，将每个图表设置为 block (以确保跨浏览器也是如此)， float 它们，清除下一行。不要忘记为容器设置指定的宽度，足以容纳图表。如果它是100%，它将跟随窗口/父窗口的宽度，或者如果该值低于图表的总宽度，一个图表将低于。

这是我的 jsfiddle:http://jsfiddle.net/JSwth/

希望对您有所帮助。