css - 我想摆脱主滚动条，有没有简单的方法可以做到这一点

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 个元素不高于视口(viewport)。

您的左导航已经 100% 高了。所以 topnav 使窗口可滚动。如果您不想这样，您应该确保两者不高于 100%。

http://plnkr.co/edit/rVwAaihwaHvk19yLFdUb

使左侧导航高度如下:

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