zoukankan      html  css  js  c++  java
  • flex实现两侧固定中间自适应

     
     
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
        <title></title>
        <!-- IMPORT CSS -->
        <link rel="stylesheet" href="css/reset.min.css">
        <style>
            /* html,
            body {
                overflow: hidden;
            } */
            .container {
                display: flex;
                justify-content: space-between;
                height: 100%;
            }
            .left,
            .right {
                flex: 0 0 200px;
                height: 200px;
                background: lightblue;
            }
            .center {
                flex: 1;
                min-height: 400px;
                background: lightsalmon;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="left"></div>
            <div class="center"></div>
            <div class="right"></div>
        </div>
    </body>
    </html>
     
  • 相关阅读:
    zabbix-agent报错记录
    远程执行命令恢复
    触发器例子
    自定义监控项
    监控项更新间隔
    python paramiko登陆设备
    python爬取某站磁力链
    python网络编程
    并发爬取网站图片
    Pandas Series和DataFrame的基本概念
  • 原文地址:https://www.cnblogs.com/1609359841qq/p/12337287.html
Copyright © 2011-2022 走看看