1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style>
7 body{
8 margin: 0;
9 }
10 .head{
11 height: 48px;
12 background-color: aqua;
13 }
14 .c1{
15 position: absolute;
16 background-color: #8aab30;
17 left: 0;
18 width: 118px;
19 }
20 .c2{
21 position: absolute;
22 background-color: #0000FF;
23 left: 120px;
24 right: 0;
25 top: 48px;
26 bottom: 0;
27 overflow: auto;
28 }
29 li{
30 list-style: none;
31 }
32 </style>
33 </head>
34 <body>
35 <div class="head"></div>
36 <div class="body-body">
37 <div class="c1">
38
39 </div>
40 <div class="c2">
41 <ul>
42 <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>
43 <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>
44 <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>
45 <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>
46 <li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li><li>241</li>
47
48
49 </ul>
50 </div>
51 </div>
52
53 </body>
54 </html>
