CSS佈局與背景貼合小技巧

很多時候僅僅使用CSS無法做到美工設計的效果，爲了能較大還原類似光暈等邊框佈局，我們一般採用背景圖框定頁面佈局，在框內再進行許多組件或控件的佈置。
比如背景圖：

此時爲了讓組件正好的放入框內，也是爲了方便進行小組件之間的調整，避免過多地使用margin或padding等屬性，這裏有一個小技巧：
設置一個大畫布，讓其恰好的貼合框框的四周，再在裏面使用el-row和el-col等，使用margin設置成和邊框邊界等寬的大小，此時就相當於畫布和背景圖的邊框是等大的了。