【发布时间】：2014-09-01 20:30:41
【问题描述】：
我在一个带有两个嵌套div 的“简单”css 案例上扯了几天的头发。
基本上，我有两个div；一个容器和一个内容。为了重现这个案例，我在下面附上了一个 jsfiddle 链接。内容的宽度和高度（以像素为单位）是从容器大小推导出来的，您需要使用例如 chrome 开发人员工具手动输入这些值。最后，如果您通过开发人员工具查看内容的大小，容器和内容的像素大小相同。在 Chrome 和 IE 下，会出现滚动条，而两个 div 具有相同的大小，但在 FF 中却没有。
当然，我可以摆脱overflow: auto，但我更想了解哪里出了问题以及什么可以解决我的问题。
请参阅下面的示例。
示例链接：Scrollbars issue with Chrome&IE
感谢您的帮助。
【问题讨论】：
-
滚动条是 jsFiddle 的 iframe 滚动条，不是吗...？
-
我很确定他们是，还请注意，
-moz- box-sizing: border-box;中的-moz-和box-sizing之间有一个空格，这也可能导致一些不一致 -
滚动条属于我认为的 div 容器（删除
overflow: auto使它们消失）。 -
在 IE 滚动条中将可见，除非您使用
overflow:hidden。那是IE的默认属性。我认为您对此无能为力 -
我在 Chrome 和 IE 中测试了该示例，并且在两者中都显示没有滚动条...
标签： css internet-explorer google-chrome firefox