我有一个以这种方式构建的网页:
<!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。如果下拉菜单靠近页脚,则可以在其下方显示。在这些情况下,我希望下拉按下页脚,是否可能?