“绝对”定位元素放在父元素的边界之外时不显示吗？
“绝对”定位元素放在父元素的边界之外时不显示吗？
提问于 2018-08-22 06:16:08
我怎样才能得到一个子div，当它放在父div的范围之外时，它的位置绝对不会出现？
https://jsfiddle.net/knp9ebys/9/
.papa {
background:red;
overflow:auto;
width:90px;
height:90px;
}
.baby {
position:absolute;
top:100px;
left:100px;
width:25px;
height:25px;
background:blue;
color:white;
}回答 1
Stack Overflow用户
发布于 2018-08-22 06:29:26
试试这个：
.papa {
background:red;
overflow:auto;
width:90px;
height:90px;
position:relative; /* add this line */
overflow:hidden; /* add this line */
}
.baby {
position:absolute;
top:100px;
left:100px;
width:25px;
height:25px;
background:blue;
color:white;
}如果将position:relative;添加到父元素，则子元素可以定位在父元素的上下文中。添加overflow:hidden;是一个技巧，因为这将删除滚动条...而且由于子元素的位置在父元素的边界之外，它将使子元素看起来隐藏在视图之外。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51957436
复制相关文章
相似问题