CSS定位考试题

Posted on 2010-03-22 16:58  大兵的博客  阅读(534)  评论(0)    收藏  举报

 css+div块定位试题

 

 1 <html
 2  <head>
 3  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 4 <title>css+div块定位,css定位问题,div定位问题</title>
 5 <style type="text/css">
 6 .a{ width:500px; height:300px; border:1px solid #000; margin:0 auto;}
 7 .b{ width:100px; height:30px; border:1px solid #666; position:absolute; margin-left:50px; margin-top:-15px; background:#FFF;}
 8 .c{ width:100px; height:100px; border:1px solid #666; position:absolute; margin:-45px  0 0 450px; background:#FFF;}
 9 .d{ width:50px; height:58px;  position:absolute; margin:0px  0 0 450px; background:#FFF;}
10 .e{width:30px; height:200px;  border:1px solid #666; position:absolute; margin:-80px  0 0 80px;background:#FFF;}
11 </style>
12 </head>
13 <body><br />
14 <br />
15 <br />
16 <br />
17 
18 <div class="a">
19 <div class="b"></div>
20 <div class="c"></div>
21 <div class="d"></div>
22 <div class="e"></div>
23 </div>
24 </body>
25 </html>
26