关于#html5#的问题，请各位专家解答！

右边怎么排版一直没有搞明白就这一个点不明白求解答右边怎么排版一直没有搞明白就这一个点不明白求解答

img

img

这就是一个css问题。写着麻烦，你私信我，我教你。

img

img


图片能拉长么，改变一张图片的样式感觉好点

大的div嵌套小的div就可以解决

一个大div ,里面 左边 一个div,右边 一个div,div再嵌套两个div

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>
      *{
         margin: 0;
         padding: 0;
      }
      .box{
         width: 500px;
         height: 400px;
         display: flex;
      }
      .leftBox{
         width: 30%;
         height: 100%;
         background: red;
      }
      .rigthBox{
         width: 70%;
         height: 100%;
        
      }
      .item{
         width: 100%;
         height: 50%;
        
      }
      .top{
         background: blue;
      }
      .bottom{
         background: yellow;
      }
   </style>
</head>
<body>
   <div class="box">
     <div class="leftBox"></div>
     <div class="rigthBox">
      <div class="item top"></div>
      <div class="item bottom"></div>
     </div>
   </div>
</body>
</html>