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>
无标题文档
广告招商
c
b
d
bb
aa
bb