不需要的滾動條僅出現在Chrome和IE中

Question

我在「簡單」css情況下用兩個嵌套的div將我的頭髮撕裂了幾天。

基本上我有兩個div; 容器和內容。要重現此案例，我已在下面附加了一個jsfiddle鏈接。內容的寬度和高度（以像素爲單位）是從容器大小推導出來的，您需要使用chrome開發人員工具手動輸入這些值。最後，如果您通過開發人員工具查看內容的大小，則容器和內容的像素大小相同。在Chrome和IE瀏覽器下，滾動條出現，而兩個div具有相同的大小，但使用FF則不具備。 當然，我可以擺脫overflow: auto，但我想了解什麼是錯的，什麼可以解決我的問題。

查看下面的示例。

鏈接的例子：Scrollbars issue with Chrome&IE

感謝您的幫助。

Answer 1

您應該使用overflow:hidden來隱藏滾動條。

Answer 2

如果你想隱藏兩個滾動你應該使用溢出：隱藏。