html中按钮不能用相对定位吗?

 我来答
百度网友a251710
2018-03-01 · 超过11用户采纳过TA的回答
知道答主
回答量:41
采纳率:90%
帮助的人:7.3万
展开全部

有两种方法:

方法一:绝对定位布局,利用定位,可以将按钮放到任意位置

1)将包含按钮的父级标签设置为相对定位

.d2{

width:500px;

height:300px;

background:#660099;

position:relative; /*设置相对定位*/

}

2)将按钮设置为绝对定位,设置左边的距离,顶部的距离

.btn2{

background:#99ff00;

position:absolute;

left:100px;

top:120px;

}

3)运行查看结果:按钮02 离左边100px ,顶部120px

方法二:浮动定位,利用设置按钮为浮动,缺点是不能很精确的定位到某个位置

1)代码如下:利用float:right 设置靠右

2)运行结果如下:

总结:如果需要定位到某个精确的位置,采用定位布局,即方法一

纯不纯你妹
2018-03-02 · TA获得超过146个赞
知道小有建树答主
回答量:390
采纳率:77%
帮助的人:84.9万
展开全部
可以,需要根据实际情况来做。 相对定位也是根据父元素的设置决定的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友36187eb
2018-02-19
知道答主
回答量:2
采纳率:0%
帮助的人:929
展开全部
都是可以的 可以啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
那太晓
2018-02-20 · TA获得超过276个赞
知道小有建树答主
回答量:464
采纳率:59%
帮助的人:52万
展开全部
可以啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
楚了吧
2018-07-17
知道答主
回答量:1
采纳率:0%
帮助的人:851
展开全部
写的没毛病啊!
<html>
<head>
<style>
#cctv{
postition:relative;
top:40px;
left:410px;
}
</style>
</head>
<body>
<button id="cctv">1</button>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式