在做仿土豆网隐藏的时候，发现子盒子用了绝对定位，父盒子没有用相对定位，为什么子盒子能覆盖上去，而不是基于浏览器对准？
案例：
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>仿土豆案例</title><style>.tudou {width: 250px;height: 200px;margin: 100px auto;}.mask {position: absolute;/* top: 0;left: 0; */width: 250px;height: 200px;background-color: pink;}</style></head><body><div class="tudou"><div class="mask"></div><img src="images/tudou.jpg" alt=""></div></body></html>
我记得的绝对定位的特点：
绝对是以带有定位的父级元素来移动位置（拼爹型）， 如果父级都没有定位，则以浏览器文档为准移动位置。不保留原来的位置，完全是脱标的。
因为绝对定位的盒子是拼爹型的，所以要和父级搭配一起来使用。定位口诀——子绝父相。
子绝父相——子级是绝对定位，父级就要用相对3定位。
哦豁，原来子绝不一定父相，绝对定位元素定位的参照物是其包含块，相对于包含块进行定位，不一定是其父元素。
