給body設置高度



今天做一個小demo,需要給body設置高度為100%,然鵝發現只設置body的height不可行,需,html,body{height:100%;}
為何呢?
一個容器的height是從上一級繼承而來的,html{height:100%}中設置的html的高度是相對於瀏覽器來說,而body中的高度又從html中繼承,指的是頁面的高度。

在查資料時,也發現比較有趣的一點:
當html標簽無背景樣式時,body的背景色其實不是body標簽的背景色,而是瀏覽器的。
一旦html標簽含有背景色,則body的背景色變成了正常的body標簽自己的背景色,而此時的html標簽最頂級,背景色被瀏覽器獲取,成為瀏覽器的背景色。
簡單的說就是,html優先於body標簽,瀏覽器按html>body的順序提取其設置的背景樣式作為瀏覽器的背景,也就是用戶能看到的背景。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM