0

あなたの助けが必要です。初めてこの問題に直面し、あなたの専門知識が必要です。

コードは

<div style="overflow:hidden;cursor:pointer;width:100%">
    <div id="ScrBar" style="position:relative;width:16000px">
        This is the text alksdjflask d;alskdj fl;aksjd f;laksdjf l;kasjdf ... -----> long line

    </div>
</div>

IE7関連です！他のバージョンの IE ではテストできません。Chrome と FF では正常に動作します。

html ファイルの先頭に DOCTYPE を配置しない場合、最初の DIV は画面の右端で終了し、内側の DIV はこの時点で「カット」されます。水平スクロール バーはありません。

DOCTYPE を指定すると (移行的または厳密に関係なく)、外側の DIV は内側の DIV の全幅になります。ウィンドウには、長い水平スクロール バーがあります。

ええと、問題を解決する方法を調査する前に、何が問題なのか (画面に表示されるものではなく技術用語の観点から) 理解できません。

ありがとうございました！

編集: さらにテストしたところ、IE8 とファイルのローカルコピーでは期待どおりに表示されることが示されましたが、IE8 とサーバー (Apache) にアップロードされたファイルでは、長い水平スクロール バーで期待どおりに表示されません!

4

2 に答える 2

0

Neilsによるこの回答をご覧ください。そして、マットや他の人が述べたように、常にDoctypeを使用する必要があります。

「これはIE6とIE7でよく知られているバグです。これを解決するには、コンテナーに対してposition：relativeを追加する必要があります。この場合、本体はコンテナーであるため、本体のすぐ下にdivを追加することをお勧めします。位置を与える：相対的。それはあなたの問題を解決するはずです。」

オーバーフローを伴うIE6+IE7 CSSの問題：非表示。-位置：相対; コンボ

于 2013-03-03T03:54:06.607 に答える
0

a を省略するDOCTYPEと、ブラウザは互換モードに入ります。http://webdesign.about.com/cs/doctype/a/aaquirksmode.htm

少なくともHTML5 doctypeを常に含める必要があります。

于 2013-03-02T18:06:26.190 に答える