不必要的滚动条仅出现在Chrome和IE中

Question

我正在用两个嵌套div的“简单”css案例撕掉我的头发几天。

基本上，我有两个div; 容器和内容。为了重现这个案例，我在下面附上了一个 jsfiddle 链接。内容的宽度和高度（以像素为单位）是从容器大小推导出来的，您需要使用chrome开发工具手动输入这些值。最后，如果您通过开发人员工具查看内容的大小，则容器和内容的像素大小相同。在Chrome和IE浏览器下，会出现滚动条，而两个div具有相同的大小但是FF却没有。 当然，我可以摆脱overflow: auto，但我更愿意理解什么是错的，什么可以解决我的问题。

请参阅下面的示例。

链接到示例：Scrollbars issue with Chrome&IE

感谢您的帮助。

Answer 1

您应该使用overflow:hidden隐藏滚动条。

Answer 2

如果你想隐藏两个滚动，你应该使用 overflow：hidden 。