层级错乱的问题

---

正确的效果

image.png

错误的效果

image.png

下面让我们看看如何调节

步骤一：打开正确的效果对应的elements，可以看到1和2是包含的关系

image.png

步骤二：打开错误的效果对应的elements，可以看到1和2是同级的关系

image.png

步骤三：在代码里面，将2放在1的div里面就可以了.