div высота изменяется как другая жидкость div высота изменяется

Question

У меня есть трехстоловая страница с двумя фиксированными divs с обеих сторон и жидкостью (100%) div в середине, которая растягивается, чтобы заполнить оставшееся пространство, а окно просмотра увеличено. В центральном 100% -ном div есть карусель изображения, так как ширина div увеличивается, так же как и высота. Мой вопрос в том, есть ли в любом случае, чтобы дать правую руку div значение высоты css, которая изменяется так, что она всегда равна высоте центрального div? Возможно, какой-то javascript, который изменяет высоту div, когда центральный div растет вертикально?

Вот мой CSS:

.container { 
min-width: 1100px; 
width: 100%; 
margin: auto; 
text-align: left; 
height: 100%; 

} 

.left { 
    float: left; 
    width: 230px; 
    margin-left: 20px; 
} 

.middle { 
    top: 10px; 
    margin-left: 270px; 
    margin-right: 270px; 
} 

.right { 
    float: right; 
    width: 230px; 
    margin-right: 20px; 
} 


#imgcontainer { 
    width: 100%; 
} 

ДИВ #imgcontainer находится в сНу .middle. В идеале я бы хотел, чтобы высота div .right всегда была такой же, как div #imgcontainer.

Любая помощь будет принята с благодарностью,

Благодаря

Answer 1

Вы будете нуждаться, чтобы реорганизовать разметку и CSS.

This post охватывает как создавать столбцы с одинаковой высотой в чистом CSS.