Html 右对齐按钮与文本框

在本例中，任何关于如何简单地将按钮与文本框右侧对齐的建议都将不胜感激（出于某种原因，按钮左侧有几个像素-可能就是我？）：

---

问题在于宽度：100%会将第一个输入延伸到屏幕的100%，但向右对齐的输入框将通过body标签对齐。 这将实现以下目的：

body,input {
margin:0;
}

---

问题是宽度：100%会将第一个输入延伸到屏幕的100%，但向右对齐的输入框将通过body标签对齐。 这将实现以下目的：

body,input {
margin:0;
}

---

为您的样式使用重置CSS

body{
    padding:0px;
margin: 0px auto;    
}

---

为您的样式使用重置CSS

body{
    padding:0px;
margin: 0px auto;    
}

使用

使用

---

如果设置

框大小

属性，则按钮将正确对齐

.input {
  width: 100%; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

代码笔示例：

---

截图

.input {
  width: 100%
}
.right {
  float: right;
    margin:0px;
    padding:0px;
}

---

如果设置

框大小属性，则按钮将正确对齐

.input {
  width: 100%; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

代码笔示例：


截图

.input {
  width: 100%
}
.right {
  float: right;
    margin:0px;
    padding:0px;
}



输出：




输出：


只需删除css即可。只要删除你的css就可以了。会好的