Question

我有一个div容器，我想放置两个图像，一个在另一个上面，唯一可见的图像将是检查的图像。我给我的容器position:relative和我的imgs position:absolute;，所以它对容器来说是绝对的。但相反，数字标签的所有内容都远离容器，我不知道为什么。

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

Answer 1

如果我理解正确，你需要让div有绝对位置和相对于父母的图像，就像这样

当某物具有绝对位置时，它会忽略其他设定位置。如果您希望在div中的位置看起来绝对，则需要它们 relative

#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/

稍微玩一下

Answer 2

事实证明，givin＆＃39;高度：200px到＃container-fim-ap解决了这个问题。

#container-fim-ap{
    border:solid 5px #ABB7B7;
    width:80%;
    word-wrap:break-word;
    border-radius:2%;
    /*visibility: hidden;*/
  position:relative;
    height: 200px;

http://jsfiddle.net/rckecf2b/2/感谢大家的帮助。

Imgs不会进入div

2 个答案: