zoukankan      html  css  js  c++  java
  • Html 之自动高度 auto 和 100%高度

    HTML 高度

    下面示例 设置为 Auto 和 100%

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    
      <style>
        #app {
          height: 100px;
           200px;
        }
    
        .auto-h {
          height: auto;
           100px;
          float: left;
        }
    
        .parent-h {
          height: 100%;
           100px;
          float: right;
        }
      </style>
    </head>
    
    <body>
      <div id="app">
        <div class="auto-h">这个容器的高度是随里面的内容的高度而定,可以通过开发者工具看到高度是否超出父级高度</div>
        <div class="parent-h">这个容器的高度为父级的高度(100px),可以通过开发者工具看到高度是否超出父级高度</div>
      </div>
    </body>
    
    </html>
    

    设置父类高度为100px

    设置子类自动高度 auto

    设置子类 100% 高度

  • 相关阅读:
    Kubernetes之Replica Set
    Kubernetes之Replication Controller
    Kubernetes之Deployment
    golang channel select
    golang slice
    epoll的由来
    ceph crush 之 crush_do_rule
    libevent
    P2P资料
    混沌理论学习笔记
  • 原文地址:https://www.cnblogs.com/androllen/p/13877660.html
Copyright © 2011-2022 走看看