Question

如何让<textarea>的身高达到100％并在IE7 / 6中工作？ height:100%在所有其他浏览器中都可以正常工作，但IE只是不想接受除特定值之外的任何其他内容。 Javascript是一种可能的解决方案。

Answer 1

为了使元素在IE6中达到100％高度，您需要指定其父元素的固定高度。如果您想使元素成为页面的全长，请应用高度：100％; html和body元素。

/*100% height of the parent element for IE6*/ 
#parent {height:500px;}
#child {height:100%;}

/*100% of the page length for IE6*/ 
html, body {height:100%;}
#fullLength {height:100%;}

取自：http://www.virtuosimedia.com/

我猜这同样适用于IE7。

Answer 2

我想在这里留下答案，因为我有同样的问题，上面的答案并不完全有用。

适用于IE6-7以外的所有浏览器

  div#parent {height:500px;}
  textarea#child {height:100%;}

但是对于IE6-7，您需要设置：

  textarea#child {
      height:100%;
      position: absolute;
  }

Textarea在IE中的高度为100％

2 个答案: