1、如果該元素height:100%，但是其直接父元素的高度未設定，而該元素祖父元素的高度設定了，那它多高？
>
>
type
="text/css"
>
*#one
#three
style
>
head
>
>
"one"
>
"two"
>
"three"
>
div>
div>
div>
body
>
html
>
解釋：我給祖父元素加padding的目的是告訴height就是高度，和padding無關，另外在本題前提下，該元素的高度就是其祖父的高度
2、如果我想讓子元素的寬度和高度與瀏覽器視窗大小一致，我該怎麼辦？
>
>
type
="text/css"
>
*html,body
#one
#two
style
>
head
>
>
"one"
>
"two"
>
div>
div>
body
>
解釋：需要設定html和body的高度都是100%，兩個都設定的原因貌似是為了瀏覽器相容問題，從該元素到body、html的高度設定都應暢通無阻都是100%
對height 100 和inherit的總結
部落格主頁 正文 之前看到一篇相關的文章 在看這個文章的demo時發現一些問題，下面來總結歸納一下 如下 效果大致是這個樣子 其中，左邊的是height 100 右邊的是height inherit。下面我們進行一下改動 其實就是給兩個子元素加上絕對定位。效果如圖 我們發現，100 的元素的高度計算...
height 100 不起作用！
近日小夥伴們，在布局的是需要用到將某個div全屏鋪滿！無論怎麼使用height屬性，都無法滿足自己的要求！讓我回憶起自己第一次遇到這樣的布局需求，也繞了不少彎路！今天就記錄一下！以免自己日後忘卻！任務需求 將div寬高鋪滿全屏！先準備乙個簡單的html布局 lang en charset utf 8...
關於height 100 失效的解決
我們在設定width 100 時可以橫向佔滿全屏，但是設定height 100 確沒有任何作用，舉個例子 html html headlang en metacharset utf 8 title title style d1 style head body divid d1 我是高度100 div...