height:100% 不起作用的原因
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
為什么寫的height:100%不起作用? 按照w3c中的width和height屬性,可以明確%設定寬高是根據父元素的寬高來的:
<div style="height:100%;">height:100%;</div> 如圖: 事實上,瀏覽器根本就不計算內容的高度,除非內容超出了視窗范圍(導致滾動條出現)。或者你給整個頁面設置一個絕對高度。否則,瀏覽器就會簡單的讓內容往下堆砌,頁面的高度根本就無需考慮。 因為頁面并沒有缺省的高度值,所以,當你讓一個元素的高度設定為百分比高度時,無法根據獲取父元素的高度,也就無法計算自己的高度。 即父元素的高度只是一個缺省值:height: auto;我們設置height:100%時,是要求瀏覽器根據這樣一個缺省值來計算百分比高度時,只能得到undefined的結果。也就是一個null值,瀏覽器不會對這個值有任何的反應。 html,body{ height: 100%; margin: 0; padding: 0; } 該文章在 2023/7/14 14:44:08 編輯過 |
關鍵字查詢
相關文章
正在查詢... |