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

Question

我有这样一个元素:

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

我通过 JQuery 添加了一些新东西:

$("#content").append($('<div></div>').addClass("box"));

在哪里

.box { margin: 10px; padding: 10px; border: 1px solid black }

但是当我这样做时，外部 div 不会调整大小，所以我得到一个从实心外盒伸出的内盒。添加此内盒时，如何让外盒自行调整大小？

Answer 1

如果没有打错，请更正选择器

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

并将div的显示改为inline-block

#content {
    display: inline-block;
}

那么div就不会占据整行