css - 使div宽度随内容增加

Question

我有 2 个 div，一个在另一个下面对齐。这些嵌套在另一个 div 中，如

<div id="site-wrapper">
 <div id="user1"><div>
 <div id="footer"></div>
</div>

CSS 是

#site-wrapper{
    border: 1px solid;
    width: 1000px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

我们如何调整 user1 和页脚，以便当 user1 的内容展开时，站点包装器自动展开

Answer 1

问题是您将包装器的高度明确设置为 100%。

删除该属性，您将看到您所描述的内容。