码迷,mamicode.com
首页 > Web开发 > 详细

CSS3之position

时间:2015-12-04 23:04:17      阅读:397      评论:0      收藏: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、实现结果

技术分享

CSS3之position

标签:

原文地址:http://blog.csdn.net/you23hai45/article/details/50179889

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!