Question

有没有办法根据当前元素的高度增加相邻元素的高度。

我的页面中有两个可放置的存储桶，我们可以将不同大小的图像放入这些存储桶中。

如果我们将100px高度图像丢弃到bucketOne，我想将bucketTwo高度增加到100px，以使其与bucketOne高度相匹配。

下面是我的HTML和css代码。

请帮助我！

感谢。

HTML

<div class="row row-bucket">
    <div id="bucketOne" class="col-md-6 drop-bucket" droppable="true">
    </div>
    <div id="bucketTwo" class="col-md-6 drop-bucket" droppable="true">
    <div>
</div>

CSS：

.row-bucket{
   background-color: #ffffff;
   height: auto;
   padding: 5px;
   margin: 2px;;
}

.drop-bucket{
   border-style: dotted;
   background-color: whitesmoke;
   border-width: 2px;
   min-height: 50px;
   height: auto;
}

Answer 1

我认为您需要使用代码来了解图像是否被删除以及图像的大小，然后您可以设置另一个图像的高度。

这有帮助吗？

如何增加基于当前元素的相邻HTML元素高度？

1 个答案: