zoukankan      html  css  js  c++  java
  • 【CSS】<html>元素的高度,元素高度自适应屏幕高度

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

    寻找爱
  • 相关阅读:
    缅怀
    74LS164的使用
    跑步
    Datasheet,你会读么?[转]
    清华附小给的书单
    iOS-小知识
    网络-GET&POST
    网络-基础
    网络-HTTP其他常见方法
    数据解析
  • 原文地址:https://www.cnblogs.com/carolina/p/5906836.html
Copyright © 2011-2022 走看看