Question

我想在另一个div的底部放置一个div position: absolute，该div也有position: absolute。出于某种原因，我无法实现它并且它让我发疯： - /所以我希望我能在这里得到一些帮助。

我创建了一个JSFiddle - 它是我想要的底部元素<div class="item__info-details">。

也许我的标记错了？

Answer 1

你必须给child div

一个位置

因为您希望在悬停时底部为div，然后.item__info-details > div，您可以获得。只需提供position:absolute和bottom:0即可。

.item__info-details {
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 2;
            padding: 0 20px;
}

.item__info-details > div {position:absolute;bottom:0;}

不要忘记删除顶部：110px以及.item__info-details的宽度和高度，不需要。

请参阅here

Answer 2

这里有很多无用的标签。

这就是你所需要的：

x = np.array([[1], [2], [3]])

请参阅更新后的fiddle。

Answer 3

请更改css并替换为以下内容：

.item__info-details {
          position: absolute;
        top: 110px;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 0 20px;
        width: 100%;
        height: 100%;

}

替换为：

.item__info-details {
       position: absolute;
       right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 0 20px;
        width: 100%;

}

如何在绝对div

3 个答案: