div设置高度height:100%实际却为0的解决
-
<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
