Как увеличить элемент текущего уровня на основе верхнего уровня HTML?

Question

Есть ли способ увеличить высоту смежного элемента в зависимости от высоты текущего элемента.

У меня на моей странице два отбрасываемых ведра, и мы можем отбрасывать различные размеры изображений в эти ведра.

Если мы снижаем изображение высотой 100 пикселей в bucketOne, я хочу увеличить высоту bucketTwo до 100px, чтобы соответствовать ее высоте bucketOne.

Ниже приведен код HTML и код.

Пожалуйста, помогите!

Спасибо.

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

Я думаю, вам нужно код, чтобы узнать, является ли отбрасывается изображение и размер изображения, то вы можете установить высоту другого ,

Помогает ли это?