-
<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