zoukankan      html  css  js  c++  java
  • display:flex布局,自动适应屏幕高度100%

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <style>
        html,body{
          height: 100%;
        }
        .box{
          display: flex;
          height: 100%;
          background-color: pink;
        }
        .content{
          height: 100%;
        }
      </style>
    </head>
    <body>
      <div class="box">
        <div class="content">11</div>
        <div></div>
      </div>
    </body>
    </html>
    微信公众号:jingfeng18 免费学习领取最新的前端学习资源
  • 相关阅读:
    飞机大战4-我的子弹
    飞机大战3-我的飞机
    飞机大战1-分析设计
    继承
    常见题
    42个例子算法
    心跳
    tomcat
    service
    URI URL
  • 原文地址:https://www.cnblogs.com/qianduanshiping/p/11826861.html
Copyright © 2011-2022 走看看