如何把html中的按钮放到某个位置

例如把按钮发到右上角... 例如把按钮发到右上角 展开
 我来答
匿名用户
2020-05-10
展开全部

有两种方法来:

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

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)运行结果如下:

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

私零多逐海17
2017-03-26 · 知道合伙人互联网行家
私零多逐海17
知道合伙人互联网行家
采纳数:650 获赞数:31632
微软软件开发工程师 微软测试工程师 web前端开发工程师 重庆老渔哥网络科技有限公司CEO

向TA提问 私信TA
展开全部

有两种方法:

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

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-30 · TA获得超过2.1万个赞
知道大有可为答主
回答量:2536
采纳率:91%
帮助的人:1129万
展开全部

1、html又称为超文本标记语言,HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。HTML被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯-李创建,由IETF用简化的SGML(标准通用标记语言)语法进行进一步发展的HTML,后来成为国际标准,由万维网联盟(W3C)维护。

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

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

.d2{

width:500px;

height:300px;

background:#660099;

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

}

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

.btn2{

background:#99ff00;

position:absolute;

left:100px;

top:120px;

}

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

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

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

2)运行结果如下:

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
从前有个T
2013-03-04 · TA获得超过5345个赞
知道小有建树答主
回答量:685
采纳率:0%
帮助的人:765万
展开全部
定义它的CSS,如果是绝对定位的话,就用position:abslute; top:0; right:0;这样的方法来定位。如果是相对定位的话,就用float:right类似这样的方法来定位。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-03-05
展开全部
直接用dreamweaver编辑就行了呀
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式