关于#HTML#的问题，如何解决？

HTML,CSS,页面布局，蓝色部分的margin-bottom的距离，塌陷，代码哪里错了

代码显示

正确结果

是被最大的蓝色块覆盖了你试试给那几个小的加z-index:9999

单看这部分代码看不出什么来