我试图摆脱主滚动条，是否有一个简单的方法来做到这一点

Question

我可以通过使用javascript来调整侧面导航的大小，但是有一种css方法可以做到这一点。

http://plnkr.co/edit/u992x6jmngt4ki4wePMf?p=preview

.leftnav {
  position:relative;
 overflow:scroll;
 height:100%;
 width:250px;
}


.topnav {
/*/position:absolute;*/
 overflow:hidden;
 height:100px ;
 width:100%;
 border: solid  green  3px;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

Answer 1

是的，你可以。您应该确保2个元素不高于视口。

你的leftnav已经100％高了。所以topnav使窗口可滚动。如果你不想要这个，你应该确保两者不高于100％。

http://plnkr.co/edit/rVwAaihwaHvk19yLFdUb

使leftnav成为以下高度：

.leftnav {
    height: calc(100% - 100px);
}