近日小夥伴們，在布局的是需要用到將某個div全屏鋪滿！無論怎麼使用height屬性，都無法滿足自己的要求！讓我回憶起自己第一次遇到這樣的布局需求，也繞了不少彎路！今天就記錄一下！以免自己日後忘卻！
任務需求： 將div寬高鋪滿全屏！
先準備乙個簡單的html布局
lang="en">
charset="utf-8">
documenttitle>
#box
style>
head>
id="box">hello world!div>
body>
html>想到鋪滿全屏的話，就很容易想到這樣的**！
#box
其實道理很簡單的！
100%這個屬性值可以理解為乙個計算屬性！它是需要有乙個基準值！而這個基準值就是其父級元素的高度值！
如下**：
lang="en">
charset="utf-8">
documenttitle>
#test
#test
.inner
style>
head>
id="test">
class="inner">我的高度是父級的80%div>
div>
body>
html>效果如下：
好！基礎鋪墊完畢！我們回到最初的地方！
html,body
其實很簡單！因為body缺省會有8px的margin值！解決抖動的**如下：
body
#box
還有就是width:100%記得寫上，否則寬度無用!!!
隨著css技術的發展，css3給我們提供乙個檢視的屬性單位叫做vw vh等等。利用這個技術我們可以更簡單的完成上面的需求。
#box
是不是很神奇啊！
簡單解釋一下：
當然css3屬性還是請大家慎用 慎用！
css中height 100 不起作用的解決方法
在網頁設計中，table用height 100 是可以整屏的，但需要在網頁頭部增加 後就和沒有用height 100 一樣了，後來發現要給html,body都增加height 100 的屬性，這是高度自適應問題的關鍵所在。如下 乙個物件高度是否可以使用百分比顯示，取決於物件的父級物件，table在b...
css中height 100 不起作用的解決方法
在網頁設計中，table用height 100 是可以整屏的，但需要在網頁頭部增加 後就和沒有用height 100 一樣了，後來發現要給html,body都增加height 100 的屬性，這是高度自適應問題的關鍵所在。如下 html,body 乙個物件高度是否可以使用百分比顯示，取決於物件的父級...
css中height 100 不起作用的解決方法
在網頁設計中，table用height 100 是可以整屏的，但需要在網頁頭部增加 後就和沒有用height 100 一樣了，後來發現要給html,body都增加height 100 的屬性，這是高度自適應問題的關鍵所在。如下 html,body 乙個物件高度是否可以使用百分比顯示，取決於物件的父級...