div高度随着其他流体高度的变化而变化

Question

我有一个三列页面，两侧各有两个固定div，中间有一个流体（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%;
}

div #imgcontainer位于div .middle中。理想情况下，我希望div .right的高度始终与div #imgcontainer相同。

非常感谢任何帮助，

由于

Answer 1

您将需要重构您的标记和CSS。

This post介绍了如何在纯CSS中创建相等高度的列。