Home > Article > Web Front-end > IE9 bug, who can help to avoid it_html/css_WEB-ITnose
IE9 bug, who can help to avoid it_html/css_WEB-ITnose
- PHP中文网Original
- 2016-06-24 12:25:33999browse
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>
Reply to the discussion (solution)
<div style="BACKGROUND:RED;overflow:auto;width: 230px;" >
<DIV style="width: 2130px;">
<input type="text">
</DIV>
<BR>
大哥，这是要闹哪样。。。230.。。。2130。。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>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%;" >
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)!