<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