CSS中有一个属性叫z-index（层叠顺序），它可以控制元素的层级。层叠顺序越大，元素就越靠近视口，越容易被用户看到。
要调整盒子的层数，只需要给它们设置不同的z-index值就行了。下面是一个例子：

.box1 {
width: 200px;
height: 200px;
background-color: red;
position: absolute;
z-index: 3;
}
.box2 {
width: 200px;
height: 200px;
background-color: green;
position: absolute;
z-index: 2;
}
.box3 {
width: 200px;
height: 200px;
background-color: blue;
position: absolute;
z-index: 1;
}

在这个例子中，每个盒子都有一个不同的z-index值，这就确定了它们的层数关系。box1在最上面，box3在最下面，所以box1会挡住box2和box3，而box3会被box1和box2挡住。
需要注意的是，z-index只对position属性值为relative、absolute和fixed的元素有效。这意味着如果元素没有设置这些属性中的任何一个，它们会被忽略。另外，如果两个元素的层叠顺序一样，它们的显示顺序将会按照它们在HTML文档中的先后顺序来决定。
所以，如果你想要调整盒子的层数关系，可以通过改变它们的z-index值来实现。在实际开发中，我们需要不断尝试并调整层叠顺序来满足需求。