Question

我需要将绝对元素的高度更改为父元素的100％。所以我需要做的是尝试使用填充和线高的多种类型的高度

div{
    height:300px
}
.arrow {
    position: absolute;
    /* left: 0; */
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 102;
    width: 100px;
    justify-content: center;background: linear-gradient(to left, 
    rgba(255, 0, 0, 0), rgba(22, 23, 25, 1));
}

<div>
    <div class="arrow"> <img src="/path"/> </div>
</div>

Answer 1

绝对元素位于DOM树上，并寻找下一个具有位置（$json = '{"data":{"id":1,"first_name":"George","last_name":"Bluth","avatar":"https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg"}}'; $response = json_decode($json, true); $output = 'first_name'; //your flexible variable.. first_name or last_name echo $response['data'][$output];或relative）的元素来定位自己。

因此，absolute需要一个div，position: relative;才能使用它进行定位和调整大小。

Answer 2

只需在父母div中设置相对位置：

div{
    height:300px;
    position:relative;
}
.arrow {
    position: absolute;
    /* left: 0; */
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 102;
    width: 100px;
    justify-content: center;background: linear-gradient(to left, 
    rgba(255, 0, 0, 0), rgba(22, 23, 25, 1));
}

如何将父元素的绝对高度设置为100％

2 个答案: