最終實現的效果如下：
要求：上面的header固定不動，左面的選單和內容部分的高度到瀏覽器的底部，並且他們的內部可以滾動
寫這個demo需要考慮的幾個問題
1 如果不給html和body設樣式他們的高度是什麼樣的，結果發現他們是沒有高度的和普通div一樣。
所以應該把html和body的高度設定成100%
html,body實現乙個基本的
所以這裡又用到了css3中的box-sizing，設定成border-sizing。
3 然後就是簡單的左面固定和右面自適應的布局，把他們的overflow設定成scroll。
具體的實現**參見：
後台管理頁面布局
簡單的乙個頁面布局，頭部 左側選單欄，右側內容，頭部和選單欄固定位置，內容部分如果很長就會出現滾動條 兩種方法能實現，其實兩種差別只有乙個屬性不一樣。1.1 使用position fixed 1.先定義三個div標籤 2.設定頭部樣式，高48px，背景色藍色 頂部出現乙個藍色長條 3.在pg con...
搭建乙個簡單的後台管理系統（一）
1.建立乙個資料夾myadmin 2.進入該資料夾的操作命令 3.依次輸入下列命令 vue init 初始化專案 npm install 安裝npm 模組 的依賴 cd myadmin 進入專案目錄 npm run serve 執行專案 繼續在上面命令行內輸入 這裡是完整安裝 npm i eleme...
react antd SPA 管理後台搭建
學習了前端主流的框架react基於 react antd 等搭建了一套後台專案的模板github 安裝 yarn npm install g yarn 進入專案目錄啟動專案訪問本地localhost 3000埠 yarn start 安裝依賴 yarn add antd react router d...