天天看點

經典兩欄布局

1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Document</title>
 7     <style>
 8         * {
 9             padding: 0;
10             margin: 0;
11         }
12         .right{
13            position: absolute;
14             right:0;
15            100px;
16            height:100px;
17             background-color: red;
18             opacity: 0.5;
19         }
20         .left{
21             margin-right: 100px;
22            height:100px;
23             background-color:blue;
24         }
25     </style>
26 </head>
27 
28 <body>
29 <div class="right"></div>
30 <div class="left"></div>
31 </body>
32 
33 </html>