首先先來分析一下頁面為什么會出現滾動條：
顯然，當一個頁面的內容高度大於屏幕的高度時就會出現滾動條。一般情況下當一個頁面高度大於屏幕高度時（屏幕相當於父盒子）就會出現滾動輪。而當一個頁面（這里是home頁面）作為父盒子，它的子頁面（cate頁面）高度大於它（home頁面）的高度，那么這個頁面（home頁面）就會出現滾動條。（cate頁面為home頁面的子路由組件）
解決方案：1、增加父盒子高度 2、給父盒子設置 overflow：hidden
實驗：將home頁面高度調為500px，這時home頁面高度小於屏幕高度，所以未出現屏幕的滾動條。由於cate頁面的內容高度大於500px，因此home頁面出現了滾動條。
