重新定位内容时调整DIV的大小

Question

那么，问题是当内容重新定位时，是否可以自行调整DIV的大小？

让我更好地解释一下：

我有一个容器div，里面有另一个div。最后一个可以通过jQuery.append()方法接收其他组件。

HTML：

<div id="container">
<div id="content"></div>

<div id="another">Hello World</div>

JS

var a = $("#another");
$("#content").append(a);

到目前为止，当我尝试调整div#another的大小时，div#content不会改变其大小，而div#another将会飞行。

$("#another").position({left:100, top:100});

Answer 1

每当附加子元素时，将css类添加或删除到父元素，如：

var a = $ ("#another");
var content = $ ("#content")
content.append(a);

condition>> ? content.addClass('scenario1') : content.addClass('scenario2')

然后为scenario1和scenario2添加必要的样式，如：

.scenario1 {
   left: 100;
   top: 100
}

.scenario2 {
   left: 50;
   top: 50
}

Answer 2

试试这个

var a = $ ("#another");
 $ ("#content").append(a).css('width',<new value>);

追加后，将父div的宽度调整为所需的值。