Html 为什么选择标签的下拉框显示在错误的位置？

我的CSS文件根本不涉及标记“select”，也没有CSS类与标记“select”相关。但在浏览器中显示时，包含值的下拉框显示在错误的位置，如下面的屏幕截图所示： 为什么会这样？或者这是Chrome的一个bug？，因为我知道我们不能通过CSS或JS改变这种下拉框的位置。我想要它回到正常的位置，就在选择元素的正下方

这是上述“选择”标记的HTML部分：

<select id="sel_user">   
  <option value="39" >Bùi Ngọc Sơn &lt;son.bui@tamtay.vn&gt;</option>   
  <option value="19" >Cao Thanh Hải &lt;hai.cao@tamtay.vn&gt;</option>   
  <option value="15" >Cao Thanh Thảo &lt;thao.cao@tamtay.vn&gt;</option>   
  <option value="72" >Cao Thị Lan Anh &lt;anh.cao@tamtay.vn&gt;</option>    
  ...
</select>

贝宁ọ辛森。bui@tamtay.vn   
曹成华ả我喜欢海。cao@tamtay.vn   
曹成泰ả欧涛。cao@tamtay.vn   
曹操ị 兰安安。cao@tamtay.vn    
...

---

选择标记的id仅用于JS，它没有与任何CSS项目链接。

我不明白……我尝试了你的选择列表，但运行得很好

您的选择列表是否在其他浏览器中工作

---

我认为您的HTML代码中有一些错误。

我认为这是一个Chrome错误，下拉列表在Firefox和Operator上正确显示。了解是否是chrome bug的最佳方法是安装最新版本的chrome并在其中运行您的代码。或者如果您不想要更新的chrome，您可以安装最新版本的google canary并在其中运行。我猜当“选择”标签中有这么多选项时，屏幕高度低于或等于600px，Chrome就有了这个错误。我已经尝试过使用大约200个选项来选择标签，但还没有发现任何这样的问题。。发布你的css和其他相关代码。。。无论如何，这真的很有趣。。