面对的问题: 在网页设计中很多时候会有这种情况,顶部导航栏固定高度,下面的内容要全部填充,效果图:
当然如果网站需求是屏幕大小不变这个下面的高度直接写死就行了,但是,但是这样的客户需求不存在吧。。。
解决方案: 其实思路很简单, 把顶部导航栏(A)写成position:absolute, 下面的(B)也是写成position:absolute, 同时top:A的高度(保证不重叠),bottom:0, 这样就充满剩余的全部了。
demo地址: http://47.94.131.226:8080