Question

嗨，我对CSS很新。

我有这个简单的html页面，我在IE 11标准模式下渲染：

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<div>Test1</div>
<div style="padding-left: 31px; font-size: 9pt;">
<span style="color: #000000; font-family: Arial; font-size: 9pt;">
<span style="font-family: webdings;">=</span> Test2</span>&nbsp;</div>
<script language="JavaScript">
var divs = document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){     
var offsetheight = divs[i].offsetHeight;
alert(offsetheight);
}
</script>
</BODY>
</HTML>

此HTML有2个div元素。页面底部的JavaScript获得2个div的偏移高度。 First Div Offset高度为：18 第二个Div偏移高度为：14

如果我在Quirks模式下渲染相同的HTML。我得到了不同的结果：

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
</HEAD>
<BODY>
<div>Test1</div>
<div style="padding-left: 31px; font-size: 9pt;">
<span style="color: #000000; font-family: Arial; font-size: 9pt;">
<span style="font-family: webdings;">=</span> Test2</span>&nbsp;</div>
<script language="JavaScript">
var divs = document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){     
var offsetheight = divs[i].offsetHeight;
alert(offsetheight);
}
</script>
</BODY>
</HTML>

First Div Offset高度为：19 第二个Div偏移高度为：19

我希望在标准模式下从怪癖模式获得偏移高度（即不添加元标记）。可能是通过CSS。如果有可能请告诉我？

offsetHeight在标准模式和怪癖模式下返回不同的结果

0 个答案: