布局問題：絕對定位 position ？
inherit: 父元素中繼承。
static: 預設，正常元素流中。不存在 top、bottom、left、right、z-index 這些。
absolute: 絕對定位，相對 static 外的第一個父級元素定位。
relative: 相對定位，相對于正常位置定位。
fiexed: 絕對定位，相對 浏覽器視窗／frame 定位。
布局問題：css 的經典布局有哪些？
Stickyfotter。就是header、content、footer 布局。
布局問題：如何水準、垂直居中？
水準居中：float、position、flex、calc。
垂直居中：position、flex、calc、transform
布局問題：外層div 高度固定，裡面有兩個div,上下排列，裡面的第一個div高度不固定，裡面的第二個div高度要撐江整個div？
一句話解答：外層設定 flex，方向 為 column, 裡層第一個高度固定，裡層第二個設定 flex: 1。
布局問題：div 分成三等分？
一句話解答：外層設定 flex ，裡面用 calc（100%／3)。
布局問題：ul 下面有 5個 li ，每個 li 有 marging-right:20px, 最後一個 li 沒有邊距 。求均分？
效果圖如下 ：
布局如下：
方法：flex 布局
一句話總結：外層設定 flex,裡面的 li 設定 寬度 calc(100%/5),右邊距，box-sizing，最後一個 li設定邊距為 0。
也可以用下面的代替：
布局和方法更換：最笨的方法。