用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

定位

2014-08-04 作者: jun举报

[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>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...