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

Question

我有一个三列页面，两侧有两个固定的 div，中间有一个流动的 (100%) div，它会拉伸(stretch)以填充剩余空间，并且视口(viewport)会放大。在中央的 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 中创建等高列。