CSS 回字布局

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7         * {
 8             margin: 0;
 9             padding: 0;
10         }
11         #div1 {
12             width: 200px;
13             height: 200px;
14             background: yellow;
15         }
16 
17         #div2 {
18             width: 100px;
19             height: 100px;
20             background: pink;
21             position: relative;
22             left: 50px;
23             top: 50px;
24         }
25         #div3 {
26             width: 50px;
27             height: 50px;
28             background: navajowhite;
29             position: relative;
30             left: 25px;
31             top: 25px;
32         }
33     </style>
34 </head>
35 <body>
36 <div id="div1">
37     <div id="div2">
38         <div id="div3"></div>
39     </div>
40 </div>
41 </body>
42 </html>
posted on 2015-10-17 14:37 aoun 阅读(578) 评论(0) 收藏举报