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就不会占据整行。