CSS3之position

最新推荐文章于 2022-11-20 09:47:06 发布

翱翔天地

最新推荐文章于 2022-11-20 09:47:06 发布

阅读量1.9k

点赞数 5

分类专栏： CSS3 文章标签： css3

本文链接：https://blog.csdn.net/you23hai45/article/details/50179889

版权

CSS3 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

CSS3之position

1、取值

（1）absolute

（2）fixed

（3）inherit

（4）relative

（5）static

（6）!important

2、实现源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3之position</title>
<style type="text/css">
    #div1{
		position:absolute;
	}
	#div2{
		position:fixed;
	}
	#div3{
		position:inherit;
	}
	#div4{
		position:relative;
	}
	#div5{
		position:static;
	}
	#div6{
		position:!important;
	}
</style>
</head>

<body>
   <div id="div1">11111111111</div>
   <div id="div2">22222222222</div>
   <div id="div3">33333333333</div>
   <div id="div4">44444444444</div>
   <div id="div5">55555555555</div>
   <div id="div6">66666666666</div>
</body>
</html>

3、实现结果