今天使用select发现一个问题，点击空白区域，下拉框不能自动消失。咨询了大牛之后发现，原来是因为父元素高度不够的原因。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>select2练习</title> <link href="https://cdn.bootcss.com/select2/4.0.2/css/select2.min.css" rel="stylesheet"> </head> <body> <!--<div style="width: 100%;height: 1000px;">--> <select class="select_gallery" style="width:50%;"> <option value="0">路飞</option> <option value="01">索隆</option> <option value="02">娜美</option> <option value="03">乌索普</option> <option value="1">罗宾</option> <option value="2">香吉士</option> <option value="3">弗兰奇</option> <option value="4">布鲁克</option> <option value="5">乔巴</option> </select> <!--</div>--> <script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script> <script src="https://cdn.bootcss.com/select2/4.0.2/js/select2.full.js"></script> <script type="text/javascript"> $(function(){ $(".select_gallery").select2(); }); </script> </body> </html> 将外层的div注释打开，下拉框就可以自动消失了。大牛博客：http://www.80iter.com/blog/1458613337207070
