オーバーフローでDIVが発生すると、divが実際のサイズよりも大きくなる

Question

段落の内容を含むWebサイトを作成しています。ここで私が持っているのは、コンテナdivで、実際のコンテンツはmainContentの高さの100％ですが、幅のわずか50％です。 aboutLeft内の実際のコンテンツの周りに15pxのパディングが欲しいです。私の問題は、オーバーフロー：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％かかりますその包含要素の幅。

これが問題を解決します。