jquery - Jquery UI selectmenus显示在页脚下方

我有一个以这种方式构建的网页：

<!doctype html>
<html> 
    <head> ... </head> 
    <body>
        <div id='pagewrap'>
            <nav> ... </nav>
            <div id='content'> ... </div>
            <footer> ... </footer>
        </div>
    </body>
</html>

使用这个CSS：

html, body {
    height:100%;
}

#pagewrap {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

nav {
    display: block;
    height: 50px;
}

#content {
    display: block;
    padding: 35px 3% 80px 3%;
    margin: 0 auto;
    clear: both;
}

footer {
    display: block;
    position: absolute;
    bottom: 0;
    height: 45px;
    line-height: 45px;
}

在content里面我有JqueryUI selectmenus。如果下拉菜单靠近页脚，则可以在其下方显示。在这些情况下，我希望下拉按下页脚，是否可能？

Jquery UI selectmenus显示在页脚下方

0 个答案: