需要一些帮助来理解奇怪的 IE 行为。我有两个div,一个挨着一个。一个 div 有文本,另一个是空的。我想设置空 div 的高度以将 div 与文本匹配。在 IE9/10 中将空 div 高度设置为 .innerHeight() 带有文本的 div 不起作用(新高度比应有的大 1px,IE8 工作正常)。这个有跨浏览器的解决方案吗?
html:
<div class="container">
<div class="row" id="left">foo</div>
<div class="row" id="right"></div>
</div>
CSS:
.container { width: 200px; }
.row { font-size: 11px; font-weight: bold; color: #666; float: left; width: 100%; border-bottom: 1px solid #ddd; position: relative;}
#left { background-color:yellow; width: 50%; }
#right { background-color:lightblue; width: 50%; }
js:
var $right = $("div#right"),
$left = $("div#left")
;
$right.css({
height: $left.innerHeight()
});
这是小提琴,以及来自 IE10 的屏幕截图