CSS中固定定位与相对定位
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/icon-x" href="images/logo.png">
<title>Position(定位)</title>
<style type="text/css">
*{margin: 0px;padding: 0px;}
body{background: url(images/2.jpg) no-repeat right top;font-family: 楷体;}
/*CSS中的定位(Position)属性允许你对元素进行定位*/
/*fixed 定位：元素的位置相对于浏览器窗口是固定位置*/
h2{color: red;position: fixed;top: 30px;right: 100px;}
/*relative 定位:相对定位元素的定位是相对其正常位置。*/
.one{color: blue;width: 200px;height: 200px;background: pink;position: relative;top: 20px;left:20px;z-index:-1;}
</style>
</head>
<body>
<h1 class="one">fixed 定位</h1>
<h2>fixed 定位</h2>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
<h1>fixed 定位</h1>
</body>
</html>
