update

css/index.css

@@ -47,7 +47,6 @@ body {
 .main_wrap {
   height: calc(100% - 50px);
   box-sizing: border-box;
-  border: 1px solid blue;
 }
 
 .view {
@@ -55,13 +54,12 @@ body {
   height: 85%;
   position: absolute;
   top: 80px;
-  background: rgba(11, 28, 56, 0.7);
+  background: rgba(9, 16, 47, 0.4);
   display: flex;
   flex-direction: column;
 }
 .view div {
   flex: 1;
-  border: 1px solid red;
 }
 
 .view_left {
@@ -69,4 +67,14 @@ body {
 }
 .view_right {
   right: 40px;
+}
+
+.item_header {
+  height: 32px;
+  line-height: 32px;
+}
+
+.item_wrap {
+  height: calc(100% - 32px);
+  line-height: 32px;
 }
\ No newline at end of file

index.html

@@ -18,7 +18,13 @@
 
       <!-- 左右两侧内容 -->
       <div class="view view_left">
-        <div>1</div>
+        <div class="item">
+          <div class="item_header" >
+            <img src="" alt="">
+            <span>文本标题</span>
+          </div>
+          <div class="item_wrap" ></div>
+        </div>
         <div>2</div>
         <div>3</div>
       </div>