26、实例 resize之二

最新推荐文章于 2017-02-15 09:51:52 发布

xuxianmei

最新推荐文章于 2017-02-15 09:51:52 发布

阅读量444

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/tlxxm/article/details/36929589

版权

CSS 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>resize</title>
<style type="text/css">
*
{
	margin:0px;
	padding:0px;}
div
{
	
	width:235px;
	height:209px;
	padding:10px;
	margin:10px;
	border:2px solid #333;
	box-sizing:content-box;
}
	

</style>
</head>

<body style="border:1px solid red;width:99%; height:800px;">
<center>

<div style=" position:absolute; top:50px; left:20px;">
<img src="images/style0.gif" style="border:1px dashed #000;">
</div>

<div  style=" position:fixed; top:150px; left:120px;">
<img src="images/style0.gif" style="border:1px dashed #000;">
</div>

<div  style=" position:static; top:150px; left:120px;">
<img src="images/style0.gif" style="border:1px dashed #000;">
</div>

<div  style=" position:relative; top:150px; left:120px;">
<img src="images/style0.gif" style="border:1px dashed #000;">
</div>


</center>
</body>
</html>