问IE框模型错误

EN

奇怪的是，IE7似乎对我来说很好，但8和9是关闭的。如果您有一个仅用于IE的样式表(使用条件注释)，则可以添加以下内容：

#share-something-container textarea {
    margin-bottom: 5px;
}

*:first-child+html #share-something-container textarea {
margin-bottom: 0px;  /* targets ie7 and undoes the margin above, as IE7 is okay */
}

这并不能解释为什么8和9表现不同，但我早就放弃在IE中寻找逻辑和原因了。

IE8/9和其他浏览器以及它们呈现TEXTAREA的方式似乎有一些不同。

看起来您只需将TEXTAREA设置为显示块。在这种情况下，一些浏览器的行为似乎有所不同，因为它们会看到所有元素都是内联的，并生成额外的空白。然而，将它设置为display:inline似乎没有相反的效果，所以它很奇怪。

这里有一个解决方案：

http://jsfiddle.net/h3twR/2/

我只是简单地添加了以下内容：

#share-something-container textarea {
    ...
    display:block;
    margin-bottom:5px;
}

而且它的渲染似乎更加一致。IE7似乎走得更远一点。但希望这会有一点帮助。

干杯!