基本思路：滾動條要添加到內容部分的父標簽上（div），內容部分不設置大小，父標簽要明確設置大小，並且父標簽要添加overflow樣式，並設置成auto。
打開的效果如下：
這時可能有人會問，父div的長度和寬度如何確定呢？有時候這個父div是需要根據頁面的大小來自動適應的！！！！！例如下邊這種頁面是很常見的:
其中header部分、sider部分、footer部分是固定寬度的，而content區域是要適應不同窗口大小的，這時這個content大小就是問題了。
解決的辦法有我有兩種：
1、利用css 的 flex布局，具體如何做，可以搜索去學，但flex貌似是ie9即以下的ie不行；
2、利用css的calc函數，通過減掉固定的像素后得到具體的像素大小；實例代碼如下：
頁面的效果如下：
由於例子中使用了flex布局，所以要求IE瀏覽器最低版本為10！！！
calc函數書寫的時候一定要注意！函數內表達是的運算符前后必須要用空格隔開！
對的：calc(100vh - 10px - 10px)
錯的：calc(100vh-10px-10px)、calc(100vh -10px -10px)等