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

我有这样一个元素：

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

但是当我这样做时，外部的

div

不会调整大小，所以我得到了一个从坚固的外部框中伸出的内部框。添加此内框时，如何使外框自行调整大小？

尝试以下操作：

js

$（'#content'）。追加（''）；

html

---

我希望他的帮助

如果不是输入错误，请更正选择器

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

并将div的显示更改为

内联块

#content {
    display: inline-block;
}

然后div将不会占据整行。

\content

不会调整大小，因为它的宽度可能是在CSS中设置的

要么让它更宽，要么具体地调整它的大小

看起来

#content

的宽度必须超过40px，因为内部div有10个边距和10个填充，左边20个，右边20个

比如说：

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

---

如果在

#content

中浮动

.box

，则将

#content

的

溢出设置为
自动
（或隐藏），否则外部框不会“看到”浮动的内部框：

#content { overflow: auto; }

就我而言，我补充说：


#属性{overflow:auto；}
$（“内容”）
是一个打字错误，或者您是否忘记输入
#
？只是在我的示例中忘记了它，而不是在实际的代码中。好眼力，但是：）你在CSS中做任何浮动吗？是的，
overflow:hidden
做了，即使没有JS更改。你能解释一下原因吗？@luqui可能是因为你在浮动
.box
元素。这是一个CSS问题，不是Javascript问题。@Yi Jiang，嗯，是的，我是。我想我还是不喜欢CSS。是的，这只是CSS的问题。我还修改了js，向您展示了一种更好的方法来做同样的事情。我应该提到：）
$（'content'）
应该是
$（“#content”）
跨浏览器是如何
内联块的？@Peter:任何浏览器和IE8+。IE7可能支持它，我在一个网站上使用它，它可以工作。这个列表显示IE7-不完整。
$("#content") // id="content" (correct)
$("content")  // tagName = content

#content {
    display: inline-block;
}

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

#content { width: ... ; }

#content { overflow: auto; }