经典两栏布局
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了经典两栏布局相关的知识，希望对你有一定的参考价值。
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 width: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>
以上是关于经典两栏布局的主要内容，如果未能解决你的问题，请参考以下文章