【CSS】元素的高度,元素高度自適應屏幕高度


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM