请求老师帮忙看一下，关于less和定位的问题？

图一是目标样式，图2是我自己写的；遇到的问题是，单个课程的div没有办法直接复用，当你写好单个课程，比如那个前端小白入门的完整样式，然后在复制8份，发现其实是没有效果的；这个原因主要有：外层包裹的div用了相对定位，内部详情用绝对定位之后第一ok；在之后因为你的包裹div名字没有改变、所以最后相对的位置还是第一个设置的；那么解决方式就很简单了；给每一个包裹的相对定位的div重新命名，比如：course-wrap-2;然后再用；这是会发现如果直接复用样式1；还没有变化；因为left没有变，此时，又需要改变left为一个课程的宽度；这样才能出现课程2；也就是如图2的样子；如果采用这种设置，真的是机器麻烦；

我猜，这里可能是less复用的一个绝妙的例子；

如果不是，那么采用普通方法该怎么设置这一系列course的样式？？？

我仔细看了视频，视频中的那个用到定位的就一个，中间那个推荐课程；这个8个课程全部都要复用；或者还是我的思路有问题~~

请求老师指正？？？？？