百分比布局，也叫流式布局，因為寬度是百分比，但是高度是按px來寫的
案例參考：
1. http://m.duba.com/
2. http://m.lagou.com/
適用頁面特點：左側固定+右側自適應 左右固定寬度+中間自適應（專業一點說法：關鍵元素高寬和位置都不變，只有容器元素在做伸縮變換）
開發思路：
自適應意味着百分比（0% - 100%) -> 思考：如何確定是不是自適應？ 1. 多列等分 -> 百分比等分 2. 左側固定寬度 + 右側自適應寬度 思路一 -> 左側左浮動+右側利用BFC特性在右側 思路二 -> 父級給padding-left，預留出來左側區域的寬度，左側用絕對定位上去，右側用百分百寬度 3. 左側自適應 + 右側固定寬度 思路一 -> 左側用百分百寬度,右側用絕對定位上去 4. 左右固定寬度 + 中間自適應 思路一 -> 左側左浮動 + 中間百分之百（中間部分再分為左側百分之百+右側右浮動） 思路二 -> 左側左浮動 + 中間百分之百 + 右側右浮動 （負margin法減掉左右側） 思路三 -> 左右絕對定位 + 中間百分之百（父元素padding-left,padding-right預留左右側的位置） 5. 左中右全自適應 -> 全部用百分比 6. font-size、padding,margin,height直接量像素 7. 小的地方可以用display:inline-block;讓幾個容器放在一排 8. 小圖標之類的，可以考慮用::before,::after來實現