如果浏览器调整大小，如何使我的选择框在我的固定页脚中溢出

Question

我的问题是，当mybrowser调整页脚和我的选择框如此接近时，页脚覆盖了下拉列表。我希望下拉列表在我的页脚中溢出。

当前输出：http://jsfiddle.net/GZSH6/31/

页脚：

<nav class="navbar navbar-default navbar-fixed-bottom myFooter" role="navigation">
        <div class="container">
            <p class="navbar-text pull-left">My Fixed Footer</p>
        </div>
    </nav>  

的CSS：

.myFooter { overflow: visible;}

Answer 1

删除与onmousedown属性混淆的onchange和size处理程序，它可以正常运行：

<select name="month" lass="btn btn-default" id="bmonth">
    <option value="">Month</option>
</select>
<select name="day" class="btn btn-default" id="bday">
    <option value="">Day</option>
</select>
<select name="year" class="btn btn-default" id="byear">
    <option value="">Year</option>
</select>

Updated fiddle

Answer 2

尝试：

.myFooter { overflow: hidden;}

或/和

.dateWrap { height: 32px; margin-bottom: 1.0em; }

代替

.dateWrap { height: 32px; overflow: visible; margin-bottom: 1.0em; }