html - Imgs 不进入 div

Question

我有一个 div 容器，我想在其中放置两张图片，一张在另一张上方，其中唯一可见的图片将是选中的图片。我给我的容器 position:relative 和我的 imgs position:absolute;，所以它相对于容器是绝对的。但是相反，图形标签的所有内容都从容器中消失了，我不知道为什么。

这是我拥有的:https://jsfiddle.net/rckecf2b/1/

Answer 1

如果我没理解错的话，你需要让 div 具有相对于父级的绝对位置和图像，就像这样

当某物具有绝对位置时，它会忽略其他设定位置。如果你想让 div 中的位置看起来是绝对的，你需要它们是相对的

#container-fim-ap{
    border:solid 5px #ABB7B7;
    width:50%;
    word-wrap:break-word;
    border-radius:2%;
    /*visibility: hidden;*/
    position:absolute;
    height:auto;
}
#container-fim-ap figure{
        position: relative;
        left:0;
}

https://jsfiddle.net/rckecf2b/3/

稍微玩一下