<html>
<title>无标题文档</title>
<style type="text/css">
#float{ 800px;
height:70px;
background-color:#00F;
position:relative;
margin:0px auto}
#float1{ 100px;
height:600px;
background-color:#60F;
position:relative;
margin:0px}
#float2{
400px;
height:50px;
background-color:#F00;
position:absolute;
z-index:4;
top:0px;
left:0px}
#float3{
400px;
height:50px;
background-color:#0F0;
position:absolute;
z-index:3;
top:30px;
left:20px}
#float4{400px;
height:50px;
background-color:#90F;
position:absolute;
top:60px;
left:40px
z-index:2;
}
</style>
</head>
<body>
<div id="float2"></div>
<div id="float3"></div>
<div id='float4'></div>
</body>
</html>
这是我的第一个CSS的<div>的实现