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>
目录
相关文章
|
11月前
|
前端开发 JavaScript
CSS中 解决文字高度上下存在留白的问题
CSS中 解决文字高度上下存在留白的问题
242 0
CSS中 解决文字高度上下存在留白的问题
|
12月前
|
前端开发
13、前端开发:CSS知识总结——浮动及高度塌陷
13、前端开发:CSS知识总结——浮动及高度塌陷
109 0
13、前端开发:CSS知识总结——浮动及高度塌陷
|
前端开发
css:box-sizing告诉浏览器如何计算一个元素的总宽度和总高度
css:box-sizing告诉浏览器如何计算一个元素的总宽度和总高度
css:box-sizing告诉浏览器如何计算一个元素的总宽度和总高度
|
前端开发
CSS设置高度撑满页面
CSS设置高度撑满页面
126 0
|
Web App开发 前端开发 算法
[重拾CSS]一道面试题来看伪元素、包含块和高度坍塌
前几天某个群友在群里问了一道面试题,就是关于一个自适应的正方形布局的困惑,先贴上代码。我其实很长一段时间没有写 CSS 了,对于里面的一些细节也比较模糊了,因此决定重拾 CSS,来重新捋一捋这题目中的一些知识点。
[重拾CSS]一道面试题来看伪元素、包含块和高度坍塌
|
前端开发 JavaScript
CSS 设置窗口高度铺满
本文目录 1. 背景 2. CSS设置满屏
280 0
CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
原文:CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度 如图:   1.自动换行 111111111111111111111111 2.限制宽高度 11111111111111111111111111  (注意:如果div放在li中还需...
3227 0
相关产品
云迁移中心
推荐文章
更多