Heim  >  Artikel  >  Web-Frontend  >  IE9的bug,谁能帮忙规避下_html/css_WEB-ITnose

IE9的bug,谁能帮忙规避下_html/css_WEB-ITnose

PHP中文网
PHP中文网Original
2016-06-24 12:25:33998Durchsuche

IE9的bug,谁能帮忙规避下_html/css_WEB-ITnose

ie9 bug 横向滚动条

IE9下,如下的一段简单html,当如输入框输入文本时,外层div居然不断增高!测试下来应该是IE9横向滚动条所致的bug。IE10下没问题。 

请教各位高手们,能否在保留横向滚动条和meta标签的情况下,解决这个问题? 

<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横向滚动条所致的bug。IE10下没问题。 

请教各位高手们,能否在保留横向滚动条和meta标签的情况下,解决这个问题? 

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

这个bug真奇葩,找了半天终于还是找到解决方案了,改为: 

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

以上就是IE9的bug,谁能帮忙规避下_html/css_WEB-ITnose的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn