html - 摆脱外部滚动条

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

您应该在 .main 中添加 overflow:hiddden;

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

查看更新的 fiddle Fiddle