盒子排序

最新推荐文章于 2024-02-09 16:17:46 发布

yhd1998

最新推荐文章于 2024-02-09 16:17:46 发布

阅读量344

点赞数 1

本文链接：https://blog.csdn.net/yhd1998/article/details/109001772

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style type="text/css">
   .y1{
       width: 1000px;
       height: 200px;
       background-color: aqua;
       margin: 0 auto;
   }
   .y2{
       width: 500px;
       height: 100%;
       background-color: aliceblue;
       float: left;
   }
   .y3{
       width: 480px;
       height: 100%;
       margin-left: 20px;
       background-color: bisque;
       float: left;

   }
   .y4{
       width: 50%;
       background-color: cadetblue;
       float: left;
   }
   .y5{
       width: 50%;
       background-color: aquamarine;
       float: left;
   }
</style>
</head>
<body>
<div class="y1">
   <div class="y2">
       <div class="y4">
           1
       </div>
       <div class="y5">
           1.1
       </div>
   </div>
   <div class="y3">
       2
   </div>
</div>