3.23

 1 <head>
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 3 <title>无标题文档</title>
 4 <style>
 5 #a
 6 {
 7     border:2px solid blue;
 8     height:100px;
 9     width:100px;
10     background-color:#0F0;
11     right:60px;
12     bottom:70px;
13     position:fixed;}
14 .b
15 {
16     border:2px solid blue;
17     height:100px;
18     width:100px;
19     background-color:#0F0;
20     right:0px;
21     bottom:0px;
22     position: absolute;}
23 .c
24 {
25     border:2px solid red;
26     width:400px;
27     height:200px;}
28 .d
29 {
30     border:2px solid red;
31     width:400px;
32     height:200px;
33     position:absolute;}
34 #aa
35 {
36     border:2px solid yellow;
37     height:100px;
38     width:100px;
39     background-color:#C00;
40     left:30px;
41     top:30px;
42     position: fixed;
43     }
44 #bb
45 {
46     border:2px solid yellow;
47     height:100px;
48     width:100px;
49     background-color:#C00;
50     left:30px;
51     top:30px;
52     position:relative;
53     }
54 #cc
55 {
56     border:2px solid blue;
57     height:300px;
58     width:100px;
59     float:right;}
60 </style>
61 </head>
62 
63 <body>
64 <div id="a">广告招商</div>
65 <div class="c">c<div class="b">b</div></div>
66 <div class="d">d<div class="b">bb</div></div>
67 <div id="aa">aa</div>
68 <div id="bb">bb</div>
69 
70 </body>
无标题文档
广告招商