两列

2020-01-13 16:00:59来源:博客园 阅读 ()

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

两列

<!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>两列</title>     <style>         .container{             height:   1000px;             width:  1000px;             /* display: inline-block; */             position: relative;             margin:   0 auto;             border: 1px solid #fcc;           /* text-align: center; */
        }         .box1{             border: 1px solid red;             float:left;             width: 30%;             height: 100%;         }            .box2{             border: 1px solid  blue;             float:left;             width: 60%;             height: 100%;
        }         .clearfix{             clear: both;
        }         .box3{             border: 1px solid  green;             float:left;             width: 60%;             height: 300px;             border-radius:  10px;
        }          </style> </head> <body>     <div class="container">         <div class="box1">
        </div>         <div class="box2">
        </div>         <div class="box3">
        </div>
    </div> </body> </html>

原文链接:https://www.cnblogs.com/dabaixiong/p/12187329.html
如有疑问请与原作者联系

标签:POSTHTMLClassHTTPCOMIE

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:三列浮动中间宽度自适应

下一篇:vs code使用指南