IE9 のバグ、回避できる人_html/css_WEB-ITnose-htmlチュートリアル-php.cn

IE9 のバグ、回避できる人_html/css_WEB-ITnose

PHP中文网

リリース： 2016-06-24 12:25:33

オリジナル

1033 人が閲覧しました

IE9 のバグ、_html/css_WEB-ITnose を回避できる人

ie9 のバグ水平スクロールバー

IE9 では、次の単純な HTML の場合、入力ボックスにテキストを入力すると、外側の div が増加し続けます。テストによると、IE9の横スクロールバーに起因するバグのはずです。 IE10では問題ありません。

専門家の皆様にお聞きしたいのですが、水平スクロールバーとメタタグを保持したままこの問題を解決することは可能でしょうか？

<HTML>
<HEAD>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
</HEAD>
<BODY>

<div style="BACKGROUND:RED;overflow:auto;width: 230px;" >
  <DIV style="width: 2130px;">
    <input type="text">
  </DIV>
<BR>

</div>
</BODY>
</HTML>

ログイン後にコピー

ディスカッションへの返信 (解決策)

<div style="BACKGROUND:RED;overflow:auto;width: 230px;" > 
  <DIV style="width: 2130px;"> 
    <input type="text"> 
  </DIV> 
<BR> 
大哥，这是要闹哪样。。。230.。。。2130。。

ログイン後にコピー

IE9 では、次の単純な HTML で、テキストが入力ボックスに入力されると、実際には外側の div が成長し続けます。テストによると、IE9の横スクロールバーに起因するバグのはずです。 IE10では問題ありません。

専門家の皆様にお聞きしたいのですが、水平スクロールバーとメタタグを保持したままこの問題を解決することは可能でしょうか？

<HTML>
<HEAD>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
</HEAD>
<BODY>

<div style="BACKGROUND:RED;overflow:auto;width: 230px;" >
  <DIV style="width: 2130px;">
    <input type="text">
  </DIV>
<BR>

</div>
</BODY>
</HTML>

ログイン後にコピー

このバグは本当に奇妙です。長い間探した結果、次のように変更されました。

<div style="BACKGROUND:RED;overflow:auto;width: 230px; min-height:0%;" >

ログイン後にコピー

上記は、_html/css_WEB のコンテンツを回避するのに役立つ人です。 -ITnose? その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をフォローしてください。