日期:2014-05-16  浏览次数:20517 次

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

这个bug真奇葩,找了半天终于还是找到解决方案了,改为:
<div style="BACKGROUND:RED;overflow:auto;width: 230px;min-height:0%;" >

出处:https://connect.microsoft.com/IE/feedback/details/663538/height-of-a-scrolling-box-changes-increases-when-moving-mouse-over-a-link-located-inside-the-box-combination-of-overflow-and-a-hover-css