上篇博客里写了关于浮动的相关属性和情况，这一篇博客就讲讲定位
使用定位的方法就是position:关键字。这个定位里最重要的我觉得就是关键词的使用，用的好将会是你的一大助力，但是用不好就容易崩网页。
position的关键字有几个，先讲一下static。position:static;表示的是自动定位，但是这个自动定位在代码里显示不出有什么特殊的内容，同样的，在网页里也是形同虚设，所以我们也可以将它看做是一种静默行为，即不定位。
position:fixed;这个关键字的意思就是固定定位，说专业点就是在网页的可视区域定位，无论怎么放缩网页，他在网页可视部分位置不变。举个例子：就是使用浏览器的时候有时候会冒出来的广告就是通过fixed关键字才得到的效果。如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
position: fixed;
background-color: aqua;
right: 0;
bottom: 0;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
一个很简单的代码，一个很重要的关键字。
position:relation;这个关键字意思是相对定位，可以用字面意思来理解，它可以作为绝对定位的参照。
position:absolute;这个就是决定定位，他是可以根据参照物来定位的，如果没有参照物，就将父元素或者祖先元素当作参照物进行移动定位。
当然relative和absolute两个关键字的区别不止这点，还有一个很重要的区别，就是使用相对定位关键字relative时，会占据空间，但是使用绝对定位关键字absolute时，不会占据空间。
845
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
