CSS设置高度撑满页面

简介: CSS设置高度撑满页面

样式设置高度撑bai满整个页面,那么必须从最外层,一层一层设置高度100%;

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }

      html,
      body,
      div {
        height: 100%;
      }

      .app {
        background: #ccc;
      }
    </style>
  </head>
  <body>
    <div class="app"></div>
  </body>
</html>
            </div>
目录
相关文章
|
存储 开发框架 算法
【串口通信】使用C++和Qt设计和实现串口协议解析器(一)
【串口通信】使用C++和Qt设计和实现串口协议解析器
3678 0
|
网络协议 Java Linux
如何解决“连接超时”的问题
当遇到“连接超时”问题时,可尝试以下方法:检查网络连接、重启路由器、清除浏览器缓存、关闭防火墙或杀毒软件、更改DNS服务器等。若问题依旧,建议联系网络服务提供商或技术人员寻求帮助。
5418 6
|
机器学习/深度学习 供应链 大数据
商品销量预测介绍|学习笔记
快速学习商品销量预测介绍
1319 0
商品销量预测介绍|学习笔记
|
容器
react-Ant Design框架项目中文字轮播与图片轮播的实现
在react-Ant Design框架项目中实现文字轮播和图片轮播,在这里记录一下,实现过程有一点小坑需要注意
812 0
react-Ant Design框架项目中文字轮播与图片轮播的实现
|
C++
Ubuntu16.04安装VS code图文教程
Ubuntu16.04安装VS code图文教程
455 0
Ubuntu16.04安装VS code图文教程
|
移动开发 前端开发 HTML5
Web前端开发笔记——第二章 HTML语言 第五节 图像标签
Web前端开发笔记——第二章 HTML语言 第五节 图像标签
Web前端开发笔记——第二章 HTML语言 第五节 图像标签
|
Java 定位技术 Android开发
Android Studio获取开发版SHA1值和发布版SHA1值的史上最详细方法
今天我想把百度地图的定位集成到项目中来,想写个小小的案例,实现一下,但在集成百度地图时首先要申请秘钥,申请秘钥要用到SHA1值,所以今天就来总结一下怎样去获取这个值吧,希望对大家有帮助。
Android Studio获取开发版SHA1值和发布版SHA1值的史上最详细方法
|
JavaScript 前端开发
html table 如何导出为excel表格案例分享
html table 如何导出为excel表格案例分享
html table 如何导出为excel表格案例分享
|
Java Linux 虚拟化
Java 大后端各种架构图汇总(建议收藏!!)(3)
Java 大后端各种架构图汇总(建议收藏!!)(3)
820 0
Java 大后端各种架构图汇总(建议收藏!!)(3)