- 是否需要兼容IE8以下？需要则float布局，不需要则flex布局。
- 标签语义化。如导航栏，无意义的div显然不如ul>li，编辑器也会帮你判断（如不允许ul下直接嵌套div）
- 无论是js还是css，命名都非常重要，js零成本重构方式就是改函数命名，css命名要让人一眼看出来这是什么东西。可以去相似网站学习命名方式。少用缩写，少用缩写，少用缩写！
- 避免多层嵌套带来的难以阅读
浮动布局
- 儿子身上加float:left;
- clearfix加到父亲身上
- 给儿子调宽度(容器宽度尽量少写，用元素撑开)
flex布局
- 给爸爸加display:flex
- 调整儿子宽度
- 用justify-content align-items flex:1/2/3等实现居中
