zoukankan      html  css  js  c++  java
  • css利用浮动实现栅格布局

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    section{
      border: solid 1px;
    }
    section section{
      float: left;
      margin-left: 10px;
      margin-top: 10px;
      text-align: center;
       200px;
      border-radius: 20px;
      height: 200px;
    }
    .parent{
      height: 440px;
       660px;
    }
    .parent section:first-child{
      height: 410px;
    }
    </style>
    </head>
    <body>
      <section class="parent">
        <section>A</section>
        <section>B</section>
        <section>C</section>
        <section>D</section>
        <section>E</section>
      </section>
    </body>
    </html>
    

      

    效果如下图

  • 相关阅读:
    校验参考相关备份
    API接口设计
    redis 基础配置
    Apollo 统一配置中心
    http返回状态码记录
    ngnix实战
    OAuth2三方授权
    OAuth2授权协议记录
    KMP算法
    分治法
  • 原文地址:https://www.cnblogs.com/vicF/p/11364353.html
Copyright © 2011-2022 走看看