<html>元素的高度默認是auto,被內容自動撐開;
100%:使得html的height與屏幕的高度相等;
50%:使得html的height等於屏幕的一半;
若想讓一個<div>的高度與屏幕高度自適應,始終充滿屏幕,需要從html層開始層層添加height=100%
<html>元素沒有margin和padding
<body>元素有margin沒有padding
因此讓body占滿屏幕的代碼是
html{
height:100%;//讓html的高度等於屏幕
}
body{
height:100%;
margin:0;
}
注:因為html,body元素的width默認就是100%,因此在里面的div 設定width=100%時就能和屏幕等寬
而html,body元素的高度height默認是auto,因此要想讓div和屏幕等高,需要改變html和body的height值
