<html> <head> <title>无题</title> </head> <body> <div id="div" style="width:100%;height:100%> 我是DIV里的内容 </div> </body> </html>
如上，当设置div的height为100%时，打开页面是一片空白，点审查元素进去看，发现div的高度为0
所以当然是一片空白了
那怎么办呢，把div外面的两层都设置为height:100%就行了，自动填满
<html>
<head>
<title>无题</title>
<style type="text/css">
html,body{height:100%}
</style>
</head>
<body>
<div id="div" style="width:100%;height:100%>
我是DIV里的内容
</div>
</body>
</html>OK
本文出自 “树下野兽” 博客，请务必保留此出处http://shuxiayeshou.blog.51cto.com/4452347/1759953
原文：http://shuxiayeshou.blog.51cto.com/4452347/1759953