html - 为什么在 IE 中文本框不调整到整个 div？ Chrome 很好

Question

IE 大小调整问题!？代码非常简单:我有一个 div，我想要一个占 DIV 100% 的文本框。它必须显示 div 的红线(如果我使用 height:100%, width:100% 它会侵 eclipse 我的边框 :-( )。

HTML:

<div>
    <textarea></textarea>
</div>

CSS:

div{

    width:500px;
    height:500px; 
    border:solid 1px red;
    padding:1px;
    position:absolute;
    top:100px;
}

textarea{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
}

希望大家多多指教。示例中的 DTD 是 HTML Strict。代码示例:http://jsfiddle.net/QJYuz/

我也在尝试找出原因。请指定博客/规范的任何链接为什么会出现此问题。

Answer 1

IE 不支持同时设置 left 和 right(也不支持 top 和 bottom)时间。而是尝试将 width 和 height 设置为 100%(但在这种情况下您需要删除填充和边框):

textarea{
   position:absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
}