0

こんにちは、私はCSSが初めてです。

IE 11 標準モードでレンダリングするこの単純な html ページがあります。

<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 のオフセットの高さを取得します。最初の Div オフセットの高さ: 18 2 番目の 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>

最初の Div オフセットの高さ: 19 2 番目の Div オフセットの高さ: 19

標準モードで(つまり、メタタグを追加せずに)クワークモードからオフセットの高さを取得したい。CSSを介している可能性があります。可能かどうか教えてください。

4

0 に答える 0