如何在添加元素后刷新div的大小

如果不是打字错误,请更正选择器

$("#content") // id="content" (correct)
$("content")  // tagName = content

并将div的显示更改为 inline-block

#content {
    display: inline-block;
}

试试这个:

js公司

$('#content').append('<div class="box">&nbsp;</div>');

<div id="content" style="border:2px solid black;overflow:hidden;">
</div>

我希望他的帮助!

#content 不是调整大小,因为 width

要么让它更宽,要么特别适当地调整它的大小。

看起来像 #内容

所以,有点像:

$("#content").css("width","100%").append($('<div></div>').addClass("box"));

#content { width: ... ; }

如果你在漂浮 .box 在内部 #内容 overflow 属于 #内容 到 auto (或隐藏),否则外部框不会“看到”浮动的内部框:

#content { overflow: auto; }

#property { overflow: auto; }

现在,当我显示或隐藏元素时,将重新计算元素的大小。