IE9 bug, who can help to avoid it_html/css_WEB-ITnose-HTML Tutorial-php.cn

IE9 bug, who can help to avoid it_html/css_WEB-ITnose

PHP中文网

Release： 2016-06-24 12:25:33

Original

1033 people have browsed it

IE9 bug, who can help to avoid _html/css_WEB-ITnose

ie9 bug horizontal scroll bar

Under IE9, the following is a simple html, When text is entered into the input box, the outer div keeps growing! According to the test, it should be a bug caused by the horizontal scroll bar of IE9. No problem under IE10.

I would like to ask all the experts, can you solve this problem while retaining the horizontal scroll bar and meta tag?

<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>

Copy after login

Reply to the discussion (solution)

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

Copy after login

Under IE9, the following simple html is used. When text is entered in the input box, the outer div It keeps growing! According to the test, it should be a bug caused by the horizontal scroll bar of IE9. No problem under IE10.

I would like to ask all the experts, can you solve this problem while retaining the horizontal scroll bar and meta tag?

<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>

Copy after login

This bug is really weird. After searching for a long time, I finally found the solution. It was changed to:

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

Copy after login

The above is the bug of IE9. Can anyone help to avoid it? _html/css_WEB-ITnose content, for more related content, please pay attention to the PHP Chinese website (www.php.cn)!