层级错乱的问题
正确的效果

image.png
错误的效果

image.png
下面让我们看看如何调节
步骤一:打开正确的效果对应的elements,可以看到1和2是包含的关系

image.png
步骤二:打开错误的效果对应的elements,可以看到1和2是同级的关系

image.png
步骤三:在代码里面,将2放在1的div里面就可以了.
层级错乱的问题
步骤一:打开正确的效果对应的elements,可以看到1和2是包含的关系
步骤二:打开错误的效果对应的elements,可以看到1和2是同级的关系
步骤三:在代码里面,将2放在1的div里面就可以了.