html中高度height問題


規則1》一個div塊級元素沒有主動為其設置寬度和高度,瀏覽器會為其分配可使用的最大寬度(比如全屏寬度),但是不負責分配高度,塊級元素的高度是由子元素堆砌撐起來的。那么,html和body標簽的高度也都是由子級元素堆砌撐起來的。

規則2》元素高度百分比需要向上遍歷父標簽要找到一個定值高度才能起作用,如果中途有個height為auto或是沒有設置height屬性,則高度百分比不起作用,此時的情況是父元素高度依賴子元素堆砌撐高,而子元素依賴父元素的定高起作用,互相依賴,卻都無法依賴,死循環了。

規則3》div的父元素是body,body的父元素是html,通過height:100%層層向上,找到頂級獲取定高,那html的上級是誰呢?是瀏覽器。瀏覽器負責分配塊級元素寬度,那么瀏覽器也一定可以分配高度(只是沒有做),那么瀏覽器本身是有寬度和高度的,設置html的height:100%,就可以獲取瀏覽器的定高了,后面的body和div也就有了依賴。

規則4》scroll事件的觸發,必須在觸發事件的模塊中設定height值,否則無效。


免責聲明!

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



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