关于定位那些事儿

Posted 2020-11-17 yier0705

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于定位那些事儿相关的知识，希望对你有一定的参考价值。

技术分享图片

.div1,
.div4 {
  overflow: hidden;      
}

.div1,
.div3 {
  position: relative;  
}

.div2,
.div5 {
  position: absolute;
}

div2 是 div1 的定位父级，如果 div2 设置了溢出隐藏，那 div1 超出会隐藏。。

div3 相对于 div5 定位，div4 设置溢出隐藏对于 div3 没有起到限制作用。div5 的 overflow: hidden 才会隐藏 div3 （如下图）。。

技术分享图片

也就是说，

对于绝对定位的子元素而言，只有定位父级的 overflow: hidden 才会限制到它。。

以上是关于关于定位那些事儿的主要内容，如果未能解决你的问题，请参考以下文章