Html 最小高度/最小宽度不'；在某些浏览器中不考虑框大小

请参见此示例：

我用

溢出：auto创建了一个
250x250px
parent div因此当内容溢出框时会出现滚动条。我已经设置了一个蓝色背景，以便在父对象可见时清晰可见

父对象内部是一个子div，具有红色背景以显示可见性。它有
8px
黑色边框和
框大小：边框框
因此在计算长方体的大小时包含填充和边框。子div设置为
最小高度：100%
和
最小宽度：100%

预期结果：子div的大小应与父div的大小完全相同，因此不会显示蓝色，也不会显示滚动条。计算的框大小（内容+填充+边框）应为
250x250px
。应该有
8px
黑色边框嵌入此区域，留下
234x234px
红色区域

与以下各项配合使用：


Midori 4.1 Ubuntu
铬16 Ubuntu
歌剧11.61 Ubuntu

与以下方面有关的问题：


IE 8 WinXP：显示水平和垂直滚动条。内容为
249x266px
，带有
8px
边框，计算出的框大小为
265x282px

Firefox 3.6 WinXP：出现垂直滚动条。内容为
217x250px
，计算框大小为
233x266px

Firefox 10 Ubuntu：出现垂直滚动条，内容为
221x250px
，计算框大小为
237x266px


我查看了caniuse.com，发现至少有问题的浏览器支持所需的
最小高度
，
最小宽度
，以及
框大小
。有什么好处

解决方案：正如Marat所说，这确实是一个浏览器错误。我已经解决了一个使用JavaScript添加填充/边距以纠正偏移宽度/高度差异的解决方案。请看这里：
这是Firefox（请参阅）和IE8（IE9工作正常）的不幸错误

Firefox 17+中修复了该漏洞。
IE8长期以来一直存在最小/最大宽度/高度和溢出问题；盒子大小不相关。至于其他人…感谢您的快速响应！我已尝试删除
溢出
属性（因此返回到
溢出：可见
），但IE和FF中的大小仍然不正确。
框大小调整的目的是在
min-*：100%
中包含大边框。这与Midori、Opera和Chromium的预期效果一样。另请参见“支持”部分下面的“最小/最大”部分）啊，确实如此。但说真的，我们在Firefox10上遇到了将近7年的bug？任何已知的解决方法？解决方法是使用额外的包装器。然后设置<代码> >边框< /代码>和<代码> >填充> <代码> >没有代码>最小高度>代码>，并设置子块父块的代码>代码高度> /代码>。该漏洞的投票率越高，它很快被修复的可能性就越大。例如，对于bug，有96票赞成就足以让它获得高优先级，而且它很快就被修复了（在报告后大约3,5个月）。我似乎仍然找不到一个能与我列出的所有浏览器一起工作的例子。如果没有其他人能理解的话，我回家后会发布另一个例子。这个例子似乎适用，但它允许基于百分比的大小吗？