http://jsfiddle.net/n97ff4vc/2/
我想阻止.context-table-container
覆盖.footer
区域,当高级搜索"高级搜索"并且顶部菜单是开放的。
理想情况下,它应该将自身调整为高级搜索"之间的剩余区域。菜单和页脚。
我如何用css实现这个目标?
答案 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;}