响应式导航栏的制作：仿smashingmagazine
仿smashingmagazine
github链接：
YuyuanW/smashingmagazine-nav: 仿照smashingmagazine做的css练习，导航栏的制作 相对定位绝对定位 布局 (github.com)
src是定位失败，top写成margin-top这样失败的，src2是定位使用成功后的。
内容回顾：
- css盒模型
- position中relative和absolute的使用
- top和margin-top的区别
- flex、grid、float布局
- 文档流
错误：
- 当遇到错误节点时，不要内耗，去寻找正确答案，不然会消耗昂贵的巨额的时间和精力
- 错误的东西，最多自己研究十分钟，研究失败，就去寻找正确答案，然后熟悉，然后逐句比对，找出错误。不会一直有人给你debug。
- 学习是多线程的，如果一个东西耗费了你大量的时间精力，而耽误了主线任务，你觉得值得吗？
