IE9的bug，哪位高手能帮忙规避下

2013-12-04

IE9的bug，谁能帮忙规避下IE9下，如下的一段简单html，当如输入框输入文本时，外层div居然不断增高！测试下来应

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

热点排行

CSS

IE9的bug，哪位高手能帮忙规避下