html中下拉框select横向或纵向被遮挡的问题

在项目中遇到了select读取的后台传的值，结果数据过多，比如说有几百条,会被外层的给遮挡，没有点击下拉前像这样

点击下拉后这样

显示不全这样的问题，在浏览器中调试发现外层的div设置了超出部分隐藏，改成显示即可，即加上 overflow: visible;
改好后变成这样

2.遇到这个问题后上百度找解决方法，发现还有一种遮挡，就是内容过长横向显示不全的问题
有一种最简单的解决方法，在option中加title这个属性，显示就会这样