[css]代码库
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>定位</title>
<style type="text/css">
div{
border: 1px solid blue;
width: 200px;
height: 100px;
}
.f{
position:absolute; /*决定定位*/
border: 4px solid black;
}
.one{
width: 240px;
height: 140px;
}
.two{
background-color: green;
position:absolute; /*决定定位*/
top:30px;
left: 30px;
z-index:3;
}
.three{
background-color: yellow;
position:absolute; /*决定定位*/
top:30px;
z-index:2;
}
.div_1{
position: absolute;
}
.text{
position: absolute;
top:30px;
left:100px;
width: auto;
height: auto;
border: none;
}
</style>
</head>
<body>
<div class="f">
<div class="one">
DIV中的数据111
</div>
<div class="two">
DIV中的数据222
</div>
<div class="three">
DIV中的数据333
</div>
<div class="div_1">
<div class="img">
<img alt="" src="img/1.jpg">
</div>
<div class="text">
名字
</div>
</div>
</div>
</body>
</html>