分享一个关于网站适应性的解决方案

面对的问题： 在网页设计中很多时候会有这种情况，顶部导航栏固定高度，下面的内容要全部填充，效果图：

 

  当然如果网站需求是屏幕大小不变这个下面的高度直接写死就行了，但是，但是这样的客户需求不存在吧。。。

解决方案： 其实思路很简单， 把顶部导航栏（A）写成position:absolute, 下面的(B)也是写成position：absolute， 同时top:A的高度（保证不重叠），bottom：0， 这样就充满剩余的全部了。

demo地址： http://47.94.131.226:8080

转载于:https://www.cnblogs.com/xizhenghe/p/8784509.html