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

例如把按钮发到右上角

有两种方法来:

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-03-26

有两种方法:

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

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

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

第2个回答  2018-03-30

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

本回答被网友采纳
第3个回答  2013-03-04
定义它的CSS,如果是绝对定位的话,就用position:abslute; top:0; right:0;这样的方法来定位。如果是相对定位的话,就用float:right类似这样的方法来定位。本回答被提问者采纳
第4个回答  2013-03-05
直接用dreamweaver编辑就行了呀

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网