HTML / CSS示例：

<div class="container">
    <input type="text" />
    <div class="filler"></div>
</div>

div.container {
    padding: 5px;
    border: 1px solid black;
    background-color: gray;
}

div.filler {
    background-color: red;
    height: 5px;
}

input {
    display: block;
}

题

为什么输入框不扩展为具有与外部相同的宽度，例如div.filler？也就是说，为什么输入框不能像其他块元素那样扩展以适合其容器width: auto;？

我尝试检查Firebug中的“用户代理CSS”以查看是否可以在此处提出一些建议。没运气。我找不到CSS中的任何特定差异，可以将它们具体链接到输入框，而与常规框不同div.filler。

除了好奇之外，我还想知道为什么要深入了解它，以找出一次设置宽度而忘记它的方法。我目前的做法是显式设置两者input及其包含的块元素的宽度，这似乎是多余的，而且不如模块化。虽然我熟悉将输入元素包装在div中然后为输入元素分配负边距的技术，但这似乎是非常不可取的。

规范导致输入框的格式与divs之类的普通块元素不同吗？边框框解决方案很棒，但是它并不能满足人们找出为什么输入框首先是这种方式的原因，以及为什么不能使它们表现得完全像普通div的不使用边框的s
那样的愿望。箱模型这些天。