與溢出的DIV：自動導致該div變得大於其實際尺寸

Question

我創建了一個包含段落內容的網站。我在這裏的是哪個是我的容器div和實際內容是mainContent的高度的100％，但只有50％的寬度。我希望在aboutLeft的實際內容周圍有15px的填充。我的問題是，當我使用overflow：auto來滾動條時，我在#mainContent div之外將內容擴展30px，我不知道爲什麼它會這樣做。任何改變這種情況的建議都會很棒。 謝謝，meepz

http://i.stack.imgur.com/JLICh.jpg

#outerDiv #mainContent{ 
position:relative; 
height:560px; 
margin:0; 
padding:0; 
background-color:#fff; 
border-style: solid; 
border-width:1px; 
} 
#mainContent #aboutLeft{ 
padding:15px; 
position:absolute; 
width:55%; 
height:560px; 
left:0; 
top:0; 
overflow:auto 
} 

Answer 1

您需要添加您所設置的寬度上的包裝DIV，然後把你的div溢出：它裏面的汽車，因爲塊級元素會佔用100％它們包含元素的寬度。

這將解決您的問題。