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

怎么把这个移上去

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

<style>
    .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个回答  2018-08-18

使用margin-top:-300px(负值,具体数值自己计算);或使用绝对定位

<div class="banner">
    <div class="box"></div>
</div>

.banner{
    position:relative;
}
.box{
    position:absolute;
    top:80px;    /*自己计算*/
    right:120px; /*自己计算*/
}

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网