HTML怎么向上移动我们做好的div盒子

思路:用一个大盒子装下两个盒子,然后给大盒子设置postion:relative,然后给需要移动的盒子设置position:absolute.

    .banner{

        width:100%

        height:400px

        position:relative

    }

    .banner .nav{

        position:absolut

        right:10px

        top:150px

    }

</style>

<div class="box">

    <div class="banner"><img src="..."></div>

    <div class="nav">这个盒子是需要挪动的</div>

</div>

1、想让div下移，使用position属性就可以调整，具体方法首先打开编辑器，新建一个html文件，写入基本的html结构，这里设置两个div，分别给它们的class属性命名为parent和child，并给parent和child的div设置好宽度和高度和不同的颜色：

2、此时打开浏览器，可以看到黄色的child在绿色的parent的div中间：

3、接着给child属性加入position属性设置为absolute，其中top、left、bottom、right四个值代表上、左、下、右的位置，这里只设置top的属性就可以下移了，其他设置为0：

4、再次打开浏览器，就会发现child下移了。以上就是网页制作中将div的位置下移的具体 *** 作方法：