层覆盖
时间：2010-05-12 来源：zhxw123
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY> <style type="text/css"> .style1 { position:relative; width:80px; margin-bottom:10px; border:1px solid #000; background-color:#acd373; top:20px; } .style2 { position:relative; width:80px; border:1px solid #000; background-color:#f26c4f; } </style> <div class="style1">层一</div> <div class="style2">层二</div>
<br/>
<style type="text/css"> .style3 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style4 { margin-top:10px; width:50px; border:1px solid #000; background-color:#f68e56; } .style5 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style3"> <div class="style4">4</div> <div class="style5">5</div> </div>
<br/>
<style type="text/css"> .style6 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style7 { position:absolute; top:0; left:0; width:50px; border:1px solid #000; background-color:#f68e56; } .style8 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style6"> <div class="style7">7</div> <div class="style8">8</div> </div>
<br/>
<style type="text/css"> .style9 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style10 { position:absolute; top:10px; left:10px; width:50px; border:1px solid #000; background-color:#f68e56; } .style11 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style9"> <div class="style10">10</div> <div class="style11">11</div> </div>
<br/>
<style type="text/css"> .style12 { width:350px; border:1px solid #000; background-color:#a2d39c; text-align:center; } .style13 { width:50px; border:1px solid #000; background-color:#f68e56; margin:0px auto 0px auto;
} .style14 { width:20px; border:1px solid #000; background-color:#00adef; margin:0px auto 0px auto; float:right; } </style>
<div class="style12">
<div class="style14">14</div> <div class="style13">13yy</div> </div>
<br><br> <style> .style15{ /*中间层样式*/ margin: 0px 0px 5px 0px; background-color:#a2d39c; } .style16{ margin:0px 0px 0px 0px; /*border-right: 1px solid #D7D7D7;*/ float:left; background-color:#00adef; width:100px; } .style17{ /*margin:0px 20px 0px 250px;*/ background-color:#f68e56; margin-left: 150px; padding-top:1px solid #339900; width : 100%; /*border-top:1px solid #FFF;*/
} </style>
<div class="style15">
<div class="style16">16</div> <div class="style17">17 <div style="width:100%;background-color:#00adef;"> ddd </div>
</div> </div>
</BODY> </HTML>
===================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD>
<BODY> <style type="text/css">
#style3 { width:300px; /* border:1px solid #000;*/ background-color:#a2d39c; } #style1 { width:80px; margin-top:20px; margin-bottom:10px; border:1px solid #000; background-color:#acd373; top:20px; }
</style>
<div id="style3" > <div id="style1">层一</div>dfasdfadsfds </div>
</BODY> </HTML>
<BODY> <style type="text/css"> .style1 { position:relative; width:80px; margin-bottom:10px; border:1px solid #000; background-color:#acd373; top:20px; } .style2 { position:relative; width:80px; border:1px solid #000; background-color:#f26c4f; } </style> <div class="style1">层一</div> <div class="style2">层二</div>
<br/>
<style type="text/css"> .style3 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style4 { margin-top:10px; width:50px; border:1px solid #000; background-color:#f68e56; } .style5 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style3"> <div class="style4">4</div> <div class="style5">5</div> </div>
<br/>
<style type="text/css"> .style6 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style7 { position:absolute; top:0; left:0; width:50px; border:1px solid #000; background-color:#f68e56; } .style8 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style6"> <div class="style7">7</div> <div class="style8">8</div> </div>
<br/>
<style type="text/css"> .style9 { width:150px; border:1px solid #000; background-color:#a2d39c; } .style10 { position:absolute; top:10px; left:10px; width:50px; border:1px solid #000; background-color:#f68e56; } .style11 { width:50px; border:1px solid #000; background-color:#00adef; } </style> <div class="style9"> <div class="style10">10</div> <div class="style11">11</div> </div>
<br/>
<style type="text/css"> .style12 { width:350px; border:1px solid #000; background-color:#a2d39c; text-align:center; } .style13 { width:50px; border:1px solid #000; background-color:#f68e56; margin:0px auto 0px auto;
} .style14 { width:20px; border:1px solid #000; background-color:#00adef; margin:0px auto 0px auto; float:right; } </style>
<div class="style12">
<div class="style14">14</div> <div class="style13">13yy</div> </div>
<br><br> <style> .style15{ /*中间层样式*/ margin: 0px 0px 5px 0px; background-color:#a2d39c; } .style16{ margin:0px 0px 0px 0px; /*border-right: 1px solid #D7D7D7;*/ float:left; background-color:#00adef; width:100px; } .style17{ /*margin:0px 20px 0px 250px;*/ background-color:#f68e56; margin-left: 150px; padding-top:1px solid #339900; width : 100%; /*border-top:1px solid #FFF;*/
} </style>
<div class="style15">
<div class="style16">16</div> <div class="style17">17 <div style="width:100%;background-color:#00adef;"> ddd </div>
</div> </div>
</BODY> </HTML>
===================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD>
<BODY> <style type="text/css">
#style3 { width:300px; /* border:1px solid #000;*/ background-color:#a2d39c; } #style1 { width:80px; margin-top:20px; margin-bottom:10px; border:1px solid #000; background-color:#acd373; top:20px; }
</style>
<div id="style3" > <div id="style1">层一</div>dfasdfadsfds </div>
</BODY> </HTML>
相关阅读 更多 +
