10

私はこの単純なHTMLを持っています

<html>
<head>
    <style>
    </style>
</head>
<body>
<div style="position: relative; overflow: visible; width: 100%; height: 100%;" class="surface">
    <div style="width: 300px; max-height: 2px; height: 2px; position: absolute; left: 36.165px; top: 0.8957px; border: 1px solid red;"></div>
    <div style="width: 1px; height: 200px; position: absolute; left: 30.165px; top: 47.8957px; border: 1px solid red;"></div>   
</div>
</body>
</html>

基本的に2つdivのsがあります。1つは「水平」（高さ2px）、もう1つは「垂直」（高さ2px）です。

Firefoxでページを表示すると：

ここに画像の説明を入力してください

IE（8）を使用しているときに、奇妙なことが起こります。

ここに画像の説明を入力してください

一番上のDIVは2pxの高さではありません。

なぜそうなのか、何か考えはありますか？

4

5 に答える 5

5

あなたの可能な解決策：

1）。display: blockあなたのスタイルに追加

2）。適切なものがあることを確認してください。DOCTYPEそうでない場合（IE）クァークズモードでは、予期しない形式と結果が生成されます。この記事を参照してください

于 2012-11-12T00:04:07.807 に答える
4

quirks modeあなたの問題はieのモードに起因しているようです。

Doctype宣言がない場合に発生します。とりわけ（ボックスモデルを含む）最大の高さは、ie5であるかのように機能します。簡単な解決策は、Doctype宣言を追加することです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
于 2012-11-11T23:58:37.813 に答える
3

IE7、8、および9はここで正常に動作します。

は本当に必要ありませんが、および/または代わりにをmax-height設定することが解決策になる可能性があります。display: blockline-height: 2px

于 2012-11-11T23:55:58.600 に答える
2

これは、コンテナの高さを最小のテキストの高さに押し上げるクァークズモードでいくつかの「役立つ」設定を追加するIEになると思います。line-height: 2px;IE8以下（条件付きコメント、おそらく？）に設定してみてください。そうすれば、それがソートされます。

于 2012-11-11T23:54:45.543 に答える
0

私の場合、

最小の高さ

他の設定を上書きする設定

于 2017-10-18T11:08:31.260 に答える