一口气学会弹性盒子布局：纵向导航布局。
1. HUAWEI FreeClip 耳夹耳机。
2. 开始纵向导航布局，HTML 结构是外面一个大盒子，里面一个无序列表，看下效果。
3. 首先让列表固定宽高，并加一个背景颜色，看下效果。
4. 开始弹性布局，把列表变成弹性盒子，看下效果，这里的 LI 没宽度所以被压缩而不是溢出。
5. 接着调整位置，把它们变成纵向排列，均分高度但不贴边，看下效果。
6. 然后就是熟悉的两列布局了，把列表项变成弹性盒子，里面的弹性项目靠两侧排列，看下效果。
7. 最后调整下字体大小、颜色和内边距，看下效果。
8. 还有别忘了让整个列表垂直居中，看最终效果。
搞定！