javascript - 如何将新生成的 div 放在另一个 div 旁边？

Question

我有一个 div，我在其中放置了 Java 脚本生成的图表。此外，我还有另一个 div，我可以在其中打印出包含图表数据结果的表格。

一个例子是:

但是，出于用户体验的目的，我更喜欢将表格放置在图表的右侧。或者更重要的是，让它出现在右侧。 (我已经使用 jQuery 做了一个 $("#resultados").remove() 和 $("body").append("<table...</table>)。

如何制作图表 div，标记为 <div id="placeholder" style="width:1200px;height:700px"></div>缩小并在右侧放置另一个生成的 div？

到目前为止，考虑到我尝试过的已标记的 div this但我没有得到我想要的结果:

1. 首先出现表格 div，我想要相反的部分。
2. 它们不会占用整个外部 div 宽度。

Answer 1

1. 通过在其样式中设置 float:"right"，用右侧 float 的 div 包裹您的表格。
2. 使占位符 div float 在左侧 (float:left)。
3. 要动态更改其大小，请使用:$("#placeholder").css({"width":"600px");
4. 最后，添加一个清晰的 div (clear:both);