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