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

因此，当内容重新定位时，是否可以自动调整DIV的大小？当内容重新定位时调整DIV的大小

让我更好地解释自己：

我有有另一个div内部的容器div。最后一个可以通过jQuery.append()方法接收附加组件。

HTML：

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

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

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

到目前为止好，但是，当我尝试调整div#another，div#content不改变它的大小和div#another打算飞。

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

来源

2013-03-16 Josh Guzman

＃是另一个相对或绝对定位在您的CSS？ “相对定位的元素仍然被认为是文档中元素的正常流动，相反，绝对定位的元素会被从流中取出，因此在放置其他元素时不会占用空间。元素相对于最近定位的祖先而定位，如果定位的祖先不存在，则使用初始容器。“ （来自https://developer.mozilla.org/en-US/docs/CSS/position） – pwdst 2013-03-16 12:18:58

每当你追加的子元素，添加或删除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 
}

来源

2013-03-16 04:55:47

试试这个

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

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

来源

2013-03-16 06:26:08 sij

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

回答

相关问题