HTML的position定位有5种属性。
1、static 定位：没有定位，遵循文档流等先后顺序。
2、fixed 定位：固定到当前浏览器窗口位置，用top:20px;right:30px;等属性进行控制，固定在浏览器窗口距上边20像素，右边30像素的位置。
3、relative定位：相对于它正常位置的轻微距离平移，position:relative; left:-20px;相对与没有定位时向左移动了20像素。移动相对定位元素，左上角相对于原有位置定位，但它原本所占的空间不会改变；通常相对定位元素经常被用来作为绝对定位元素的容器块。
4、absolute 定位:绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>,利用position:absolute; left:100px; top:150px;控制与其父元素左边与上边的距离达到定位目的，绝对定位是在父元素里面绝对定位；absolute 定位使元素的位置与文档流无关，因此不占据空间。absolute 定位的元素和其他元素重叠。
5、sticky 定位：粘性点位在relative定位和fixed间切换的一种定位，如div.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 5px;}表示该元素在滚动到顶部距离为5像素的时候采用fixed定位，否则使用相对定位。详情：https://www.runoob.com/try/try.php?filename=trycss_position_sticky
父容器与子容器
1、如果父容器有定位
子元素是绝对定位就会相对父容器定位。
2、 如果父容器没有定位
子元素是绝对定位就会向上一级继续查找它的父容器谁有定位，就会相对定位
如果没有找到，就相对页面定位
3、如果需要设置某元素做绝对定位，一定要让其父元素做相对定位
注意:定位过程中会遮盖原来的元素，可以使用style="z-index:1;"决定哪个元素显示在最上层，z-index的值越大，元素越靠近你，反之元素越远离你，如果两个定位元素重叠，没有指定z - index，最后定位在HTML代码中的元素将被显示在最前面。
1439
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
