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>
目录
相关文章
|
存储 Java
HashMap扩容机制详解
HashMap扩容机制详解
|
消息中间件 Java 数据安全/隐私保护
Spring Boot 中的 AmqpTemplate 是什么,原理,如何使用
Spring Boot 中的 AmqpTemplate 是什么,原理,如何使用
|
前端开发 JavaScript UED
第五章(原理篇) 微前端技术之模块联邦与动态加载
第五章(原理篇) 微前端技术之模块联邦与动态加载
723 0
|
前端开发 UED
Angular 动画教程超赞!掌握让应用更具交互性的技巧,开启精彩的前端动画之旅!
【8月更文挑战第31天】在现代前端开发中,提升用户体验至关重要,而动画是增强应用交互性的有效手段。Angular 提供了强大的动画功能,可轻松添加各种动画效果。本文介绍了 Angular 动画的基本概念、使用动画模块、事件触发动画、动画序列与并行执行、性能优化及结合第三方动画库等最佳实践。通过遵循这些实践,可以充分发挥 Angular 动画的优势,提升用户体验。下面是一个简单的示例应用,展示了如何使用 Angular 动画实现元素的显示和隐藏效果。
242 0
|
JavaScript 安全 程序员
Vue踩坑-because it violates the following Content Security Policy directive
Vue踩坑-because it violates the following Content Security Policy directive
831 0
|
存储 安全 编译器
使用unsafe库操作结构体的属性偏移和指针转换
【5月更文挑战第19天】Go语言是类型安全的,但通过`unsafe`包,可以进行结构体属性偏移量计算和指针转换。`unsafe.Offsetof`获取结构体字段的偏移量,`unsafe.Pointer`允许不同类型指针间的转换。然而,这可能导致类型安全屏障被绕过,若使用不当,会引发安全问题或panic。应谨慎使用`unsafe`,因为它不遵循GO 1兼容性准则。
185 0
使用unsafe库操作结构体的属性偏移和指针转换
|
设计模式 Java 测试技术
单元测试运行原理探究
单元测试是软件开发过程中的重要一环,好的单测可以帮助我们更早的发现问题,为系统的稳定运行提供保障。单测还是很好的说明文档,我们往往看单测用例就能够了解到作者对类的设计意图。代码重构时也离不开单测,丰富的单测用例会使我们重构代码时信心满满。虽然单测如此重要,但是一直来都不是很清楚其运行原理,也不知道为什么要做这样或那样的配置,这样终究是不行的,于是准备花时间探究下单测原理,并在此记录。
378694 30
单元测试运行原理探究
|
JavaScript 前端开发 API
webpack5 + vue3 从零配置项目
webpack5 + vue3 从零配置项目
946 0

热门文章

最新文章