使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。這將根據需要進行擴展！