我有一个带有div和一个嵌套div的HTML。嵌套div 的宽度是容器div 的一半，但高度是容器div 的两倍。容器div 溢出时滚动。
html, body, form
{
height:100%;
margin:0px;
padding: 0px;
}
div#outer
{
height:200px;
width: 500px;
overflow:scroll;
background-color:Green;
}
div#inner
{
height:400px;
width: 250px;
background-color:Red;
}
<body>
<form id="form1" runat="server">
<div id="outer">
<div id="inner"></div>
</div>
</form>
当我滚动时，整个区域的背景一半是红色，一半是绿色。为什么右下角区域有绿色背景？如果我设置溢出：可见（然后没有填充），则不会发生这种情况。
编辑：例如添加JSFiddle。http://jsfiddle.net/2Y52V/
visible溢出意味着内容将"溢出"父级的边界。 因此，父项的实际大小（如果已定义）将不会更改。但其他溢出策略将内容保持在父级的范围内，几乎就像"拉伸"父级一样。 溢出通常用作清除修复解决方案（即 overflow: hidden有漂浮的孩子时），因为这个属性。 它有效地拉伸父项以匹配，同时通过使用滚动条保持其物理大小。