javascript - 重新定位内容时调整 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

尝试这个

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

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

Answer 2

每当您附加子元素时，向父元素添加或删除 css 类，例如：

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

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

然后将必要的样式添加到方案 1 和方案 2，例如：

.scenario1 {
   left: 100;
   top: 100
}

.scenario2 {
   left: 50;
   top: 50
}