HTML DIV高度占滿窗口

懶得畫圖,效果其實就是設div為窗口高度(可內置滾動條)

×因為一直想著設高度為窗口高度,所以一開始的做法就是

body {height:100%;margin-bottom:0;}

.myDiv {position:absolute;height:100vh;overflow:auto;}

這樣確實使得div高度為當前窗口的高度,但是當div上方有類似于navbar的時候就不能達到我們的效果了(我們這時應想要div的高度為窗口高度減去navbar高度),所以得用JS解決……

覺得好麻煩……

○設position為fixed,完全就可以使用top和bottom達到我們的效果啊啊啊……

.myDiv {position:fixed;overflow:auto;top:navbar高度;bottom:0;}

亂,真亂ORZ

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,179評論 1 92
  • 第5章 菜單、按鈕及導航 一、下拉菜單 小伙伴們注意,在Bootstrap框架中的下拉菜單組件是一個獨立的組件,根...
    凜0_0閱讀 5,327評論 0 66
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,369評論 0 1
  • Html 標簽 斜體 粗體 單獨的樣式 引用文本 長文本引用 換行 空格 分割線 地址信息 單行代碼 多行代碼 無...
    SunnySky_閱讀 621評論 0 5
  • 6月9日第六天 星期五 晴 7點一刻去接如夢,走在路上,小麥收成的季節(jié),忙碌了好幾個月終于收獲了,老百...
    XHF_6de4閱讀 223評論 0 0

友情鏈接更多精彩內容