是什么阻止我的输入元素像块元素一样显示?

我用一个“hack”来解释输入边框的宽度,比如说。。。

<div>hello world</div>
​
<div class="adjustForTheInputBorder">
    <input type="text" />
</div>


input 
{
    width:100%; 
    border-width:2px; 
}

div.adjustForTheInputBorder
{ 
    margin-right: 4px;  /* or 2x whatever your input border width is */
}

div 
{
    background-color: pink;
}

我的 adjustForTheInputBorder 类的名称更恰当地表达了我对css的憎恨……:)

附笔。 div display:block