html中怎么用CSS固定一个div模块不动

html中怎么用CSS固定一个div模块不动,第1张

1 先设置为绝对定位 position:absolute

2 设置尺寸(宽 高)

3 left top right bottom 设置其中两项

如 left:0pxtop:20px固定在靠左0,上20的地方

同样可以 regiht:0pxtop:0px: 固定在右上角

也可以 left:50%magin-left:宽度的一半则水平居中

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:<button style="position: absoluteleft: 250pxtop: 40px">按钮</button>。

3、浏览器运行index.html页面,此时按钮被固定在距离上方40px,左侧250px的位置。


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

原文地址: http://outofmemory.cn/zaji/7252044.html

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

发表评论

登录后才能评论

评论列表(0条)

保存