我有一个 Bootstrap 构建的网站,其中包含一个覆盖页脚,在单击页脚菜单时打开。
此页脚内部是一个可滚动内容区域,当在可滚动 div 上设置固定高度时,该区域可以正常工作。由于该站点具有响应性,因此我需要此可滚动区域为百分比高度,该高度似乎延伸到可见窗口之外。
一个例子在这里:http: //jsfiddle.net/JUESu/5/
#footer-content {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: black;
opacity: 1;
display: block;
color: #7f7f7f;
height:85%;
}
.scrollable {
overflow-y: scroll;
height: 50%; /* Doesnt Work */
/*height: 300px; /* Works */
width: 95%;
background: red;
}
如何在固定位置容器中有一个可滚动的 div?