重置块元素的宽度

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.