为什么输入字段不使用'width: auto”填充可用空间？

宽度：自动输入字段

问题：

宽度：自动显示：块元素旨在填充可用空间。然而，对于输入字段，这种行为似乎不一致。

问题：

1. width:auto 在 CSS 中到底意味着什么？
2. 有没有办法让输入字段像其他块级元素一样填充可用空间？

答案：

1。 width:auto:

输入的宽度由其 size 属性的默认值决定。 Width:auto 将宽度设置为此默认值。

2.实现预期行为：

要使输入字段填充可用空间，请使用 width:100%，如下所示：

<code class="html"><form style="width:200px;background:khaki">
  <input style="width:100%">
</form></code>

注意：此方法可能不会由于边框应用程序的差异，在所有浏览器中都能完美运行。

以上是为什么输入字段不使用'width: auto”填充可用空间？的详细内容。更多信息请关注PHP中文网其他相关文章！