主要是after和before没有理解吧，你可以大致理解为有三层div

最外面就是list一层，中间是list:before一层，最里面当然就是after的了

最外面一层负责隔离，加上relative，把各个层给分割开来，因为我们知道absolute没把他们分开是会重叠在一起的，而且不加上relative会使得相对目前的窗口，那么你就只能看到一个大格子了

中间那层就是老师讲的那样

最里面的就是用来摆弄里面的文字，因为这里的布局在html都不怎么重要，所以选择了after和before的方法

自适应的拉伸额