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

HTML怎么向上移动我们做好的div盒子,第1张

思路:用一个大盒子装下两个盒子,然后给大盒子设置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>

html盒子不随页面滑动可以设置。

使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件,然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性即可随页面滑动了。

所谓盒子,就是将html网页中的标签在网页版面中所占据的平面范围,抽象出来的一个视觉形状。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7197401.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存