Javascript 调整浏览器大小时下拉菜单会向上翻转（仅适用于IE）_Javascript_Jquery_Html_Css_Angularjs

Javascript 调整浏览器大小时下拉菜单会向上翻转（仅适用于IE）

javascript jquery html css angularjs

Javascript 调整浏览器大小时下拉菜单会向上翻转（仅适用于IE）,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我创建了一个下拉列表作为 <body> <div style="height:200px"></div> <form id="myForm"> <select style="margin-left:200px"> <option value="">Select a vehicle</option> <option value="saab">Saa

我创建了一个下拉列表作为

<body>
    <div style="height:200px"></div>
    <form id="myForm">
    <select style="margin-left:200px">
        <option value="">Select a vehicle</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
</select>
</form>
</body>


选择一辆车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪
沃尔沃汽车
萨博
欧宝
奥迪

它在Internet explorer中正常显示。即单击时，下拉列表向下翻转。但是如果我们调整浏览器窗口的大小并单击下拉列表，它会从顶部开始翻转列表。是否有任何css解决方案可以使下拉列表始终向下翻转。或者我们可以使用javascript或jquery来实现它？这个问题只出现在Internet Explorer上。

不，浏览器根据哪一侧（顶部/底部）有更多/足够的空间来选择在哪里打开它。这不是一个bug。所有浏览器都决定如何最好地定位下拉列表。如果有任何改变的话，更改默认行为会很烦人。我真的看不出有什么理由这样做。也许你想解决一个XY问题？