IE8 CSS / combobox bug（奇怪的出现文本）

StackOverflow https://stackoverflow.com/questions/1610789

  •  05-07-2019
  •  | 
  •  

题

我正在尝试识别此错误。这是一个已知的问题还是全新的？是否有解决方法（如缩放：1或位置：相对于我可以添加来修复它？），理想情况下不需要修改html，只需添加它。

如果在IE8中显示以下html，您将看到select（组合框）中的文本，显示两次。一个在组合框外面。这搞乱了我的文件流（更不用说看起来很奇怪了）。

<html><body>
<div style="width: 800px;">
 <div style="float: right" >     
 </div> 
 <div style="display: none">
     ijklmno
 </div>
 <div style="float:left">
  <select>
   <option>abcdef</option>
  </select>
  <div style="float: right">
  </div>
 </div>
</div>
</body></html>
有帮助吗？

解决方案

这绝对是一个错误，因为你在布局样式规则中非常明确。但这也是一个非常奇怪的安排。如果取消隐藏隐藏的div，添加文本或隐藏选择下面的div，问题就会消失。我最好的猜测是，由于你有一个隐藏的块级元素和一个隐藏的块级元素，IE忽略浮动并尝试将它们放在彼此的顶部，这会强制选项向下，但由于选择保持不变，它也在选择中显示选项。

很奇怪，非常酷。我看到它们的选项是将一些内容添加到最后一个div（可能是不间断的空格）或者隐藏div（display：none），或两者兼而有之。

在Firefox中，最后一个div也没有浮动，并且与select重叠（你可以通过使用Developer Toolbar概述块级元素），这让我觉得Firefox更适合处理重叠的块级元素

如果你设置最后一个div有一个边框，你会发现它没有浮动到主div的右边。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top