Javascript 奇怪的行为IE8选择框显示向上和超出浏览器限制_Javascript_Html_Css_Internet Explorer 8

Javascript 奇怪的行为IE8选择框显示向上和超出浏览器限制

javascript html css internet-explorer-8

Javascript 奇怪的行为IE8选择框显示向上和超出浏览器限制,javascript,html,css,internet-explorer-8,Javascript,Html,Css,Internet Explorer 8,在IE8中，只要简单地选择大约50个选项，浏览器窗口就会溢出是否有已知的解决方法如果有，有人举个例子吗谢谢，厄尼在IE8中尝试此代码 <select name="test" size=1> <option value="x">X</option> <option value="x">X</option> <option value="x">X</option> <option va

在IE8中，只要简单地选择大约50个选项，浏览器窗口就会溢出

是否有已知的解决方法

如果有，有人举个例子吗

谢谢，厄尼

在IE8中尝试此代码

<select name="test" size=1>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
  <option value="x">X</option>
</select>

调整浏览器大小，使其小于列表。单击“选择”控件，然后看到它从浏览器窗口弹出。

我已经复制了您报告的问题。我在IE7、IE8和IE8中运行它，并打开兼容模式，所有三个浏览器实例都显示了相同的问题。溢出超出了浏览器的框架

然而，这可能是设计的。如果溢出包含在浏览器中，则用户必须滚动浏览要选择的选项，如果所需选项超出浏览器窗口的高度，则用户必须使用浏览器上的水平滚动条向下滚动以完成查看框中其余选项

您曾提到IE7中不会发生这种情况，但在我的测试中确实发生了。我还没有在FF、Chrome、Safari或Opera中尝试过这一点，但我认为，如果所有现代浏览器都有这一缺陷，那么这不是一个设计缺陷，而是故意的，在浏览器窗口中查看网页时，在没有最大化以适应整个屏幕宽度的情况下，搜索一个大框会更容易

当用户可以简单地使用一个滚动条时，为什么要让用户使用两个滚动条呢？我同意这看起来有点傻，但我相信这背后有一定的逻辑

希望这有帮助

编辑：

只是补充一下。另一个原因可能是故意的，如果溢出隐藏在整个页面上。请参见第二个屏幕截图：

如您所见，我添加了以下css：

 <style type="text/css">
 /* <![CDATA[ */
 html {
 overflow: hidden;
 }
 /* ]]> */
 </style>

这消除了浏览器原有的水平滚动条。如果框没有溢出到浏览器窗口的框架之外，则用户可能无法查看所有选项

简言之，我不认为这是一个解决办法。这不是CSS问题，而是对浏览器中本机函数的控制限制。与不能强制用户在新选项卡或新窗口中打开链接相同，也不能强制选择框保持在浏览器框架内。有些事情是我们无法控制的

您好，