zoukankan      html  css  js  c++  java
  • 圣杯布局

    <!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>
        body {
          min-width: 550px;
        }
        #container {
          padding-left: 200px; 
          padding-right: 150px;
        }
        #container .column {
          height: 200px;
          float: left;
        }
        #center {
          width: 100%;
          background: red;
        }
        #left {
          background: blue;
          width: 200px; 
          margin-left: -100%;
          position: relative;
          right: 200px;
        }
        #right {
          background: green;
          width: 150px; 
          margin-right: -150px; 
        }  
      </style>
    </head>
    <body>
      <div id="container">
        <div id="center" class="column">
        </div>
    
    
        <div id="left" class="column">
        </div>
    
        <div id="right" class="column">
        </div>
      </div>
    </body>
    </html>
    <!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>
        body {
          min-width550px;
        }
        #container {
          padding-left200px
          padding-right150px;
        }
        #container .column {
          height200px;
          floatleft;
        }
        #center {
          width100%;
          backgroundred;
        }
        #left {
          backgroundblue;
          width200px
          margin-left-100%;
          positionrelative;
          right200px;
        }
        #right {
          backgroundgreen;
          width150px
          margin-right-150px
        }  
      </style>
    </head>
    <body>
      <div id="container">
        <div id="center" class="column">
        </div>


        <div id="left" class="column">
        </div>

        <div id="right" class="column">
        </div>
      </div>
    </body>
    </html>
  • 相关阅读:
    红蓝对抗之Windows内网渗透
    [框架漏洞]Thinkphp系列漏洞【截至2020-07-20】
    xss
    OWASP TOP 10 详解
    关于URL编码/javascript/js url 编码/url的三个js编码函数escape(),encodeURI(),encodeURIComponent()
    用C#实现的几种常用数据校验方法整理(CRC校验;LRC校验;BCC校验;累加和校验)
    批处理(.bat)简单应用实例
    线状地物图斑化全流程作业(使用ArcMap软件)
    VS Code Remote配置
    二分查找
  • 原文地址:https://www.cnblogs.com/zwhbk/p/12431453.html
Copyright © 2011-2022 走看看