在菜单打开时调整可滚动div的大小

时间:2014-09-15 13:06:36

标签: html css twitter-bootstrap

http://jsfiddle.net/n97ff4vc/2/

我想阻止.context-table-container覆盖.footer区域,当高级搜索"高级搜索"并且顶部菜单是开放的。

理想情况下,它应该将自身调整为高级搜索"之间的剩余区域。菜单和页脚。

我如何用css实现这个目标?

2 个答案:

答案 0 :(得分:1)

我尝试使用display: table;布局,这是一个实例:

http://jsfiddle.net/n97ff4vc/5/

正如您所看到的,我正在使用display:table和display:table-row的内部属性来提供“流体高度”,或者相对于父高度及其子项的高度...

请注意,我在操作中打破了一些原始样式(我需要清理一些东西)......

答案 1 :(得分:-1)

第一种方法:将此添加到您的CSS

.footer{z-index:999; width: 100% ; background-color: #444;}

第二种方法(我推荐这个):将它添加到你的css

 div.sidebar.closed > ul:nth-child(4) {max-height: 100%;}
.footer{width: 100% ; background-color: #444;}