HTML/CSS向div添加元素会导致div被推送

Question

我试图将动态元素添加到div中。Div有height:auto，但是如果添加到Div中的内容会被缩放，但也会被推送。

导致这一问题：如果数据很大，则“在小数据上更正一个”问题

    <div style="margin-left:355px;  background: linear-gradient(55deg, rgba(46,46,45,1) 0%, rgba(37,37,37,1) 100%); width:700px;  display:block; height:auto;  position:absolute;  vertical-align:top; display:inline-block; overflow: hidden;  " class="formedt tdform">
<div style="position:sticky;" class="formtd tdform">
    Status
</div>
    <?php
    $stattable = dbt("statusses");
    foreach($stattable as $status){
        $statusdt = $status['status'];
    ?>
<div style="position: relative;  background:linear-gradient(55deg, rgb(0 0 0 / 30%) 0%, rgb(17 17 17 / 98%) 100%); height:55px;">
    <?php echo  $statusdt; ?>
    </div>
    <br>
    <?php } ?>
</div>

我在网上试了很多东西，但我找不到任何关于这方面的信息。

Answer 1

设置位置：绝对；:

<div style="position: absolute;  background:linear-gradient(55deg, rgb(0 0 0 / 30%) 0%, rgb(17 17 17 / 98%) 100%); height:55px;">
    <?php echo  $statusdt; ?>
    </div>
    <br>
    <?php } ?>
</div>

如果添加它，它将只在包含块移动时移动（如果有的话）。