带溢出的DIV：auto会使div变得比实际大小大

Question

我正在创建一个包含段落内容的网站。我这里有的是我的容器div和实际内容，它是mainContent高度的100％，但只有宽度的50％。我希望在aboutLeft内部的实际内容周围有15px填充。我的问题是，当我使用overflow：auto to for scrollbars时，我将内容扩展到#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与overflow：auto放在里面，因为块级元素将占用其包含元素宽度的100％。

这将解决您的问题。