ホームページ >ウェブフロントエンド >htmlチュートリアル >IE9 のバグ、回避できる人_html/css_WEB-ITnose

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

PHP中文网
PHP中文网オリジナル
2016-06-24 12:25:331031ブラウズ

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) をフォローしてください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。