Html 如何强制选择下拉列表向下展开

我使用选择标签从下拉列表中选择选项，但是由于项目的数量，列表会上升，就像它的下拉列表一样。我正在使用引导

已检查其他代码，但未找到任何结果

-年- 2010 2011 2012 2013 2014 2015 2011 2015 2011 2012 2013 2014 2015 2012 2013 2014 2015 试试看，你也可以用css调整高度

CSS:

如果要更改选项的宽度，可以在css中执行此操作：

#year option{
  width:150px;   
}

只需使用数据dropup auto=false

例如：

-年- 2010 2011 2012 2013 2014 2015 2011 2015 2011 2012 2013 2014 2015 2012 2013 2014 2015

---

我找到了一个解决方案，它将强制向下扩展，您可以定义选择的高度。以下是您需要的资源：

$function{ $'select'。选择{宽度：'100px'}； $'ul.selected results'.css'min-height'，'100px'； $'ul.selected results'.css'max-height'，'100px'； }; 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019

---

大家好，欢迎来到SO。请参阅并提供一个。能否为您的选择提供屏幕截图或完整代码以及预期行为的屏幕截图？此行为由浏览器控制，并取决于选择元素上方/下方的视口高度。您可能需要创建一个自定义下拉列表。我认为这是因为在“选择”上方有足够的空间，可以容纳屏幕，而在其下方没有。我如何更改它，使其适合下方？不工作。。。盒子向不同的方向移动这不起作用。尝试在滚动页面的情况下运行代码段，使选择器位于页面的下半部分。它仍然在上升。OP没有指定他们正在使用引导。@RoshanYadav您正在使用引导吗？如果是这样，请尝试使用data flip=false，如果仍然不起作用，则必须禁用浏览器的默认行为来翻转下拉菜单。仍然相同，是的，我正在使用引导

#year option{
  width:150px;   
}