代碼line-height什麼意思?實際上還是經常遇到的,網上也有好多答案,但是你真的懂了嗎?為什麼想要設置一個全屏元素的時候,高度不受%的控制?,今天小編就來說說關于代碼line-height什麼意思?下面更多詳細答案一起來看看吧!
實際上還是經常遇到的,網上也有好多答案,但是你真的懂了嗎?為什麼想要設置一個全屏元素的時候,高度不受%的控制?
百分比寬高的設定按照w3c中的width和height屬性,可以明确%設定寬高是根據父元素的寬高來的
完了我們先看看width:100%:
可以看到基本上寬度100%很容易就實現的,但是這裡的height卻不能設置成百分比的(該元素會消失看不見),這是為什麼呢?
浏覽器是如何計算高度和寬度的Web浏覽器在計算有效寬度時會考慮浏覽器窗口的打開寬度。如果你不給寬度設定任何缺省值,那浏覽器會自動将頁面内容平鋪填滿整個橫向寬度。即我們不設置寬,會自動填滿整個橫向寬度,如下:
但是高度的計算方式完全不一樣。事實上,浏覽器根本就不計算内容的高度(即頁面并沒有缺省的高度值),除非内容超出了視窗範圍(導緻滾動條出現)。或者你給整個頁面設置一個絕對高度。否則,浏覽器就會簡單的讓内容往下堆砌(各個浏覽器對于寬高的解析也不相同,大家可以自己搜索一下)。
解決同時設置這兩者的height,隻設置其中一個是不行的:
這次希望大家從根本上知道這個問題,有什麼别的問題也可以在評論區讨論或者私信我。
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!