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

时间:2023-01-08 17:58:29

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

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

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

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

demo地址: http://47.94.131.226:8080