/*html代码*/
<div class="box">
<p>这是一个需要上移的元素！</p>
</div>
/*CSS代码*/
.box{
position:relative;
width: 200px;
height: 200px;
background-color: #ccc;
}
.box p{
position: absolute;
top: -20px; /*上移20px*/
z-index: 1; /*设置为更高的层级*/
}在上面的代码中，大家首先将box元素的position属性设置为relative，为了使内部的元素可以借助它进行定位。接着，大家将p元素的position属性设置为absolute，并利用top属性调整了它的位置并使其上移20px。最后，大家利用z-index属性将p元素与其它元素分层，因为层级数值越高，元素会显示在更靠近用户的层面上。
总的来说，使用CSS的z-index属性进行层级调整非常简单，只需要设置正确的数值即可。但是，需要注意的是，当大家在进行多个元素的层级调整时，最好避免过度调整，以免出现一些异常展示效果。因此，在进行页面布局时要合理布置各个元素之间的层级关系，才能达到更好的效果。