1. 程式人生 > ><!DOCTYPE html>聲明下div高度100%

<!DOCTYPE html>聲明下div高度100%

upload html src 圖片 div oct 20px 分享圖片 -a

問題:在HTML頁面中聲明,頁面中div屬性設置100%頁面顯示不正常

技術分享圖片
技術分享圖片

body {
       max-width: 720px;
       margin: 0 auto;
     }
.case {
       background-color: #68CDD5;
       height: 100%;
     }

頁面中case為最大的div的class,設置了height:100%,頁面並未正常顯示,藍色部分並未鋪滿整個頁面。

原因:在HTML5標準要求高度或寬度設置成百分比時,參照的是父標簽。

解決: