Html DIV-wtih溢出：自动导致DIV大于其实际大小

我正在创建一个包含段落内容的网站。我这里有一个容器div，实际内容是mainContent高度的100%，但只有宽度的50%。我希望在aboutLeft内的实际内容周围有15px的填充。我的问题是，当我对滚动条使用overflow:auto-to时，我将我的内容扩展到了#mainContent div之外的30px，我不知道它为什么这样做。任何改变这一点的建议都会很好。 谢谢，meepz

---

您需要添加一个设置宽度的包装器DIV，然后将带有overflow:auto的DIV放入其中，因为块级元素将占据其包含元素的100%宽度

---

这将解决您的问题。

解决了问题。非常感谢

#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
}