Question

我有一个页脚，在textarea下面，包含一个列表和两个按钮（所有内联），其中id为#share-something。出于某种原因，它在Internet Explorer中的放置方式不同。我希望它在IE中与在Chrome中看起来一样。我究竟做错了什么？ http://jsfiddle.net/h3twR/

Answer 1

奇怪的是，IE7对我来说似乎没问题，但8＆amp; 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＆amp; 9表现不同，但我早已放弃在IE中寻找逻辑和理由。

Answer 2

IE8 / 9与其他浏览器之间似乎存在某种差异，以及它们如何渲染TEXTAREA。

看起来您只需将TEXTAREA设置为显示块即可。似乎某些浏览器在这种情况下表现不同，因为它们会将所有元素视为内联并生成额外的空白区域。但是，将其设置为显示：内联似乎没有相反的效果，因此它很奇怪。

这是一个解决方案：

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

我只是添加了这个：

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

它看起来更加一致。 IE7好像多了一点。但希望这有点帮助。

干杯！

IE框模型错误

2 个答案: