當內容重新定位時調整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的大小

回答

相關問題