有两种方法来：
方法一：绝对定位布局，利用定位，可以将按钮放到任意位置
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）将包含按钮的父级标签设置为相对定位
.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、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）运行结果如下：
