面對的問題： 在網頁設計中很多時候會有這種情況，頂部導航欄固定高度，下面的內容要全部填充，效果圖：

?

? 當然如果網站需求是屏幕大小不變這個下面的高度直接寫死就行了，但是，但是這樣的客戶需求不存在吧。。。

解決方案： 其實思路很簡單， 把頂部導航欄（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

總結

以上是生活随笔為你收集整理的分享一个关于网站适应性的解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。