使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％。

删除该属性，你会看到你在描述什么。

Answer 2

不要在站点包装使用宽度，而是使用最小宽度

使用溢出：隐藏在网站的包装，应该扩大

Answer 3

变化height: %的参数height: px。这将根据需要进行扩展！