html改变button按钮位置

1、name : 表示按钮的名称，通常作为按钮标识进行使用。 <button name="btn">按钮</button>。

2、type : 表示按钮类型，通常与表单一起联用。reset : 重置按钮sumit : 提交按钮button : 普通按钮<button type="button">按钮</button>。

3、value : 表示按钮初始值，通常在js脚本中进行使用和修改。<button value ="点击">按钮</button>。

4、disabled ：表示禁用按钮，使按钮不能点击<button disabled ="disabled">按钮</button>。

有两种方法来：

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

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）运行结果如下：

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

---