分类：相对定位、绝对定位、固定定位、粘性定位
一、绝对定位
相对定位：
position：relative-----加在被参照元素
设置的元素默认各自是相对定位(不用单独编写）
绝对定位：
在.father .son中：
.son1{
position：absoluted;-----绝对定位，加在参照元素
top:50px; --------距离顶部50px，定位的样式；-----可以是百分值，left、right、bottom
background-color：blue；
}
-------绝对定位会放弃原来的位置（子绝父像）：上面的top是相对于浏览器的顶部，不是father的，若要相对father，所以要给father加position：relative
逐级查找
.son查找相对定位时，逐级查找父级元素是否有相对定位，如果father（上一层）加了相对定位，以father为定位，如果没有，则继续向上查找
显示的优先级：
z-index：2；------默认是1，要想让元素在上面就数值比下面的大
二、固定定位
固定定位
position：fixed；
-------------不随页面的变化而变化，固定在可视窗口，放弃了原来的位置
例如：
<style>
body{
height: 1000px;
background: pink;
}
div {
width: 100px;
height: 100px;
background-color: blue;
position: fixed;
bottom: 0%;
right: 0%;
}
</style>
</head>
<body>
<div>一个盒子</div>
</body>
</html>
三、粘性定位
---------------滚动一定位置时，放弃原来位置，定位在一定位置
position：sticky； ----------粘性定位
top：20px； ----------设置样式
2217
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
