展開包含內容的框

Question

很抱歉有一個奇怪的標題，但我真的不知道如何輕鬆地描述它。

首先，我將它http://jsfiddle.net/b7YTd/

鏈接到我的jsfiddle當我添加了「浮動：左」和「浮動：權」的行跳下外箱和箱子不會擴展爲內容獲取「較大」。

我的問題是，如果內容像內容一樣，如果它沒有設置高度，它應該如何處理內容？

爲了發表我的jsfiddle我需要添加一些代碼，所以我的CSS：

#profile_friends { 
margin-top: 15px; 
margin-left: -10px; 
background: rgb(240,240,240); 
border: 2px solid #555; 
border-radius: 3px; 
width: 100%; 
} 

.friend_left { 
float: left; 
width: 250px; 
} 

.friend_right { 
float: right; 
width: 250px; 
} 

.friend img { 
width: 50px; 
height: 50px; 
float: left; 
margin-left: 15px; 
margin-right: 8px; 
} 

.friend ul { 
list-style-type: none; 
margin-top: -15px; 
margin-left: 35px; 
} 

#profile_friends h4 { 
margin: 0; 
padding: 0; 
text-align: center; 
text-transform: uppercase; 
color: rgb(110,110,110); 
font-weight: bold; 
height: 20px; 
} 

#profile_friends hr { 
margin: 0; 
padding: 0; 
} 

Answer 1

如果我理解正確使用：

#friendlist { 
    overflow: auto; 
} 

http://jsfiddle.net/b7YTd/1/

Answer 2

我有這個問題，但使用溢出：隱藏;在父div上。

http://jsfiddle.net/b7YTd/3/

#profile_friends { 
margin-top: 15px; 
margin-left: -10px; 
background: rgb(240,240,240); 
border: 2px solid #555; 
border-radius: 3px; 
width: 100%; 
overflow:hidden; 

}