设置按钮的父级元素为相对定位，设置按钮本身为绝对定位，利用定位控制按钮的位置！例如：
1、html的结构如下，设置按钮btn1和父级标签wrap
2、css样式如下：
.wrap设置为相对relative, btn1设置为绝对absolute 以及控制他left的值和top的值
3、运行效果如下：
效果解读：
效果如下：
html中设置按钮的位置:
解决方案一:
如果是绝对定位，可以设置left，还可通过margin,padding等；
" style="box-sizing: border-boxmargin: 0pxpadding: 0pxfont-family: Menlo, Monaco, Consolas, "Courier New", monospacecolor: rgb(51, 51, 51)font-size: 18.6773pxfont-style: normalfont-variant-ligatures: normalfont-variant-caps: normalfont-weight: normalletter-spacing: normalorphans: 2text-align: starttext-indent: 0pxtext-transform: nonewidows: 2word-spacing: 0px-webkit-text-stroke-width: 0pxbackground-color: rgb(255, 255, 255)"><td style="padding-right:30px"><input type="submit" value="注册"><input type="reset" value="重置"></td></tr>
解决方案二：
如果是绝对定位，可以设置left，还可通过margin,padding等。
参考资料
阿里云.阿里云[引用时间2018-1-9]
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<button style="position: absoluteleft: 250pxtop: 40px">按钮</button>。
3、浏览器运行index.html页面，此时按钮被固定在距离上方40px，左侧250px的位置。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）