ie9和较少拉伸绝对输入字段bug

Question

ie9中的绝对输入字段似乎无法伸展（使用顶部，左侧，右侧或底部css规则）。更不用说 ie8 或 IE7

http://jsfiddle.net/global_1981/Y6pEj/

Answer 1

的 Demo 的

您好现在可以更改代码，并在表单中添加label tag 不使用position

就像这样

的 HTML 的

<h1>Testing ie input field, absolutely positioned to fill container</h1>
<div class="container">
    <label><input class="field" type="text" /></label>
</div>

<强>的CSS

.container {
  background-color:green;
  width:300px;
  height:100px;
}
label{
margin:5px;
    display:block;
}
.field {
    width:100%;
    border:none;
    margin:0px; padding:0px;
}

的 Live demo 的