摆脱外滚动条

Question

这就是我现在所拥有的。

Fiddle

我想摆脱外部滚动条。 下面的CSS会导致问题。

.west-contents, .east-contents {
    overflow-y:scroll;
    overflow-x:hidden;
    height:100%;
    height:-36px !important;
}

如果我将高度设置为90% - 95%，它将显示正常，但如果您调整高度，您会注意到这不是正确的方法。

只有.west-contents, .east-contents应该有溢出。

修改 滚动条的结尾必须位于蓝线中，而不是红线。

Answer 1

您应在overflow:hiddden;

中添加.main

.main {
    width:100%;
    height:90%;
    overflow:hidden;
}

查看更新的小提琴Fiddle

Answer 2

您只需将overflow-y: hidden;添加到body, html。

Demo Fiddle