當給元素設置width：100%；height：100% 的時候沒有反應
因為，元素的寬高是根據內容來自動適應的，當設置百分比值時，是根據這個元素的父元素來確定百分比的
如果父元素沒有固定的值，那就需要設置值才能正常顯示如：
.box{ width: 100%; height: 100%; background: #333; } </style> <div class="box"> </div>
此div在頁面中沒有任何效果，所以要把div的上級元素body設設置了
body{ width: 100%; height: 100%; padding: 0; margin: 0; } .box{ width: 100%; height: 100%; background: #333; } </style> <div class="box"> </div> </body>
設置了body還是沒有反應，body上還有一個html元素
</head>
<body>
<style>
html,body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.box{
width: 100%;
height: 100%;
background: #333;
}
</style>
<div class="box">
</div>
</body>
</html>
這樣就好了！整個頁面都變成灰色的了