要實現的效果：

在固定高度內模組的個數不確認，如果超過兩行滾動滑行沒有超過則預設展示，要求滾動條隱藏

先上效果圖：

html:

1 <div class="main_page">
2     <div class="box_list">
3         <div class="box_row"></div>
4         <div class="box_row"></div>
5             ...
6         <div class="box_row"></div>
7
 
     </div>
8 </div>

css:

 1 .main_page {
 2     width: 300px;
 3     height: 300px;
 4     overflow: hidden;
 5     border: 1px solid #5214e2;
 6     position: relative;
 7 }
 8 .box_list {
 9     overflow-y: scroll;
10     overflow-x: hidden;
11     position: absolute;
12     top: 0;
13     bottom
 
: 0;
14     width: calc(100% + 20px);
15 }
16 .box_row {
17     border: 1px solid #999;
18     width: 100%;
19     height: 40px;
20     background: #ffeedd
21 }

最外面一層div一定有高度，否則顯示不出來！！