Question

我使用给定的CSS文件时遇到问题，我不想改变。在此文件中有一种输入格式：

input {
  display:inline-block;
  width:60%;
}

现在我想使用一个额外的CSS文件并将此格式更改为正常的块元素宽度全宽：

input {
  display:block !important;
  width:auto !important;
}

不幸的是，这不起作用。与普通块元素不同，输入不会使用此设置获取所有可用的水平空间。它只是作为内联元素。另外，我不能使用宽度：100％;由于填充，边框和边距。在我的绝望中，我已经尝试过像width：none;，但我找不到将宽度重置为块元素默认值的方法。

我真的希望有人可以帮助我。提前谢谢。

Answer 1

您必须使用width: 100%，因此我的回答显示了如何解决您遇到的问题。

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

如果需要margin，请将input包装在另一个元素中并将margin应用于该元素。