主要是after和before沒有理解吧，你可以大致理解為有三層div

最外面就是list一層，中間是list:before一層，最里面當然就是after的了

最外面一層負責隔離，加上relative，把各個層給分割開來，因為我們知道absolute沒把他們分開是會重疊在一起的，而且不加上relative會使得相對目前的窗口，那么你就只能看到一個大格子了

中間那層就是老師講的那樣

最里面的就是用來擺弄里面的文字，因為這里的布局在html都不怎么重要，所以選擇了after和before的方法

自適應的拉伸額