css頁面佈局之百分比佈局

前言： 有的時候我們需要頁面剛好裝滿整個屏幕，不多不少，裏面如果有子容器，希望能剛好裝滿父容器，不多不少。 我們可以用百分比佈局來實現這種效果。 應用場景： 富圖表的大屏幕展示頁面 豐富交互體驗的單頁面程序 喜歡摳頁面細節的項目 實現過程 html,body元素高度設置爲100%；容器元素（#app）,高度設置爲100%； 將容器繼續細分爲幾個子盒子（subbox）,高度寬度分別設置爲百分比形式，

>>阅读原文<<