如何将新生成的div放到另一个div？

Question

我有一个div，我放置了一个Java Script生成的图表。另外，我有另一个div，我打印出一个包含图表数据结果的表格。

一个例子是：

但是，出于UX目的，我更喜欢将表放在图表的右侧。或者更重要的是，让它出现在右侧。 （我已经使用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

使用class而不是内联css图表。

<强> CSS

.first{
  width:1200px;
  height:700px;
}

.second{
  width:400px;
  height:200px;
}

<强>代码

$("#placeholder").appendTo("#anotherPlaceholder").toggleClass("first second");

Answer 2

1. 将float:"right"置于其风格中，用正确的浮动div包裹你的桌子。
2. 使占位符div在左侧浮动（float:left）。
3. 要动态更改其大小，请使用：$("#placeholder").css({"width":"600px");
4. 最后，添加一个明确的div（clear:both）;