div自适应高度, 超出部分出现滚动条

1.  问题

1. 通过 height 设置百分比的方式, 可以自适应高度, 但是不会出现滚动条.
2. 固定值 height 会出现滚动条, 但是各种屏幕的高度不能自适应.

2.  解决

1. 先拿到屏幕高度
    

   let screenHeight = window.innerHeight;

    

2. 自定义高度
   
   需求1:  超出屏幕高度出现滚动条:
   
   元素高度 = 屏幕高度即可
   
   需求2:  非固定高度
   
   元素高度 = 屏幕高度减去固定 title 或者固定元素的高度 即可