Html 为什么输入占用2个空格？

我的输入有问题

正如你所看到的，我的输入占用了太多的空间。它没有边距或填充

这是我的代码（我使用的是样板文件v5.3.0）

我如何修复它，使其只占用所需的空间

$（文档）.ready（函数（）{
$（'.selectList'）.hide（）；
$（'.selectorWrapper a'）。单击（函数（）{
隐藏（这个）；
});
$（'ul.selectList li'）。单击（函数（）{
更改文本（本）；
验证（）；
});
$（'#email'）.keydown（函数（）{
var correo=$（'#email'）.val（）；
如果（验证电子邮件（correo））{
$（'#email'）.css（'borderColor'，'#87e466'）；
验证（）；
}否则{
$（'#email'）.css（'borderColor'，'#ca3535'）；
验证（）；
}
});
功能验证电子邮件（电子邮件）{
变量re=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@“]+）*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]124；（[a-zA Z-0-9]++\]；
控制台日志（重新测试（电子邮件））；
返回重新测试（电子邮件）；
}
函数验证（）{
var select1=$（'#selection1'）.text（）；
var select2=$（'#selection2'）.text（）；
var select3=$（'#selection3'）.val（）；
var email=$（'#email'）.val（）；
如果（选择1！=“Marca”&选择2！=“Modelo”&选择3！=“Anio”&确认电子邮件（电子邮件））{
$（'#submitBtn'）.css({
“背景色”：“bbd550”，
“boxShadow”：“0px 3px 0px 0px#9fbc2d”
});
$（“#submitBtn”）.removeClass（'disableClick'）；
}否则{
$（'#submitBtn'）.css({
“背景色”：“808080”，
“boxShadow”：“0px 3px 0px 0px#636161”
});
$（'#submitBtn'）.addClass（'disableClick'）；
}
}
函数隐藏（元素）{
var thisId=$（元素）.attr（'id'）；
var isHidden=$（'#'+thisId）.next（）.css（'display'）；
console.log（ishiden）；
如果（isHidden==“无”）{
$（'#'+thisId）.next（）.slideDown（）；
}否则{
$（'#'+thisId）.next（）.slideUp（）；
}
}
函数changeText（元素）{
var text=$（元素）.text（）；
$（元素）.parent（）.prev（）.text（文本）；
$（元素）.parent（）.prev（）.append（“”）；
$（元素）.parent（）.slideUp（）；
$（element）.parent（）.prev（）.css（'borderColor'，'#87e466'））
}
});
html{
保证金：0；
填充：0；
框大小：边框框；
}
输入{
大纲：无；
}
*,
*：之前，
*：之后{
框大小：继承；
}
身体{
保证金：0；
填充：0；
字体系列：“开放式Sans”，无衬线；
}
.disableClick{
指针事件：无；
}
标签{
显示：无；
}
h3，
氢{
保证金：0自动；
填充：0；
字体系列：“开放式Sans”，无衬线；
}
header.site-header{
背景色：#000000；
宽度：100%；
}
header.site-header h3{
文本对齐：居中；
颜色：#ffffff；
填充：15px0；
字体大小：正常；
字体大小：30px；
}
收割台。现场-收割台h3跨度{
字体大小：粗体；
}
分区横幅{
边框底部：5px实心#36aadd；
}
横幅h2分区{
字号：2em；
文本对齐：居中；
字体大小：粗体；
颜色：#36aadd；
填充：15px 10px 10px 10px；
}
横幅分区p{
颜色：#888888；
文本对齐：居中；
保证金：0；
字体大小：1.2米；
填充底部：50px；
字体系列：“开放式Sans”，无衬线；
}
分区表格{
填充：20px 10px；
保证金：0；
背景色：#eeeeee；
}
a、 选择按钮{
文字装饰：无；
填充：10px；
颜色：#888888；
背景色：#ffffff；
边框：1px实心#d0；
显示：块；
宽度：100%；
保证金：0；
}
a、 选择按钮i{
颜色：#D0；
浮动：对；
右边填充：10px；
}
选择列表{
列表样式：无；
填充：0；
保证金：0；
边框：1px实心#d0；
宽度：100%；
位置：绝对位置；
}
ul.selectList li{
宽度：100%；
填充：10px 0 10px 10px；
显示：块；
背景色：#ffffff；
}
ul.selectList li a{
显示：块；
文字装饰：无；
颜色：#888888；
}
ul.selectList li：悬停{
背景色：#D0；
}
div.selectorWrapper输入{
保证金：0；
填充：10px；
宽度：100%；
边框：1px实心#d0；
边界顶部：无；
文本对齐：居中；
字体系列：“开放式Sans”，无衬线；
}
div.selectorWrapper{
/*宽度：100%*/
}
.selectorWrapper:第n个子项（2），
.selectorWrapper:第n个子项（3）{
宽度：50%；
浮动：左；
}
div.selector包装器按钮{
背景色：#808080；
颜色：#FFFFFF；
边缘顶部：30px；
边界半径：4px；
边缘底部：20px；
字体大小：30px；
盒影：0px 3px 0px 0px#636161；
边界：无；
字体系列：“开放式Sans”，无衬线；
}
复验师{
文本对齐：居中；
填充：20px；
}
第二组回收器a.回收器链接{
文字装饰：无；
颜色：#5faadb；
字号：18px；
字体系列：“开放式Sans”，无衬线；
}
孔蒂多拉先生{
位置：相对位置；
}
@仅介质屏幕和（最小宽度：768px）{
标签{
显示：块；
宽度：30%；
浮动：左；
填充：10px 0 15px；
文本对齐：左对齐；
字号：0.9em；
}
分区横幅{
边界：无；
}
分区表格{
背景：#ffffff；
}
孔蒂多拉先生{
填充：100px 50px 0 50px；
}
孔多尔先生{
宽度：96%；
保证金：0自动！重要；
盒影：0px 0px 10px 3px#f9f9f9；
边缘顶部：50px；
}
div.selectorWrapper{
宽度：80%；
保证金：20px自动；
}
div.selectorWrapper输入，
div.selector包装器a.selectButton{
宽度：70%；
浮动：对；
保证金：0自动；
}
.selectorWrapper:第n个子项（2），
.selectorWrapper:第n个子项（3）{
宽度：80%；
浮动：无；
位置：相对位置；
}
选择列表{
位置：相对位置；
左边距：420px；
边缘顶端：44px；
}
div.selectorWrapper输入{
边框：1px实心#d0；
}
复验师{
左侧填充：100px；
}
}

在线比较
汽车工业联合会
结果是瞬间

玛卡：



div.selectorWrapper:nth-child(4) {
    display: inline-block;
    width: 100%;
}

div.selectorWrapper:nth-child(4) {
    clear: both;
}

a.selectButton {
  padding-left: 0;
}