Html CSS——两列，一个是静态的，另一个是可滚动的，最大到第一列'；s高度

我很难找到关于如何做到这一点的资源。（对我来说似乎不起作用）。我想要两列并排，高度相等——由右边的列的高度决定

它们的高度都应该是可变的，如果左边的内容比右边的内容高，那么左边的列应该是可滚动的

我已经尝试使左列绝对定位，但它只是溢出容器，即使其溢出设置为滚动。我想设置一个最大高度，但我希望由右列动态设置最大高度

---

有什么办法吗？

默认样式适用于右栏

对于左边的一个：

.left-column {
    overflow-x: hidden;
    overflow-y: auto;
}

您需要这个小小的jQuery代码段来让它工作：

$(document).ready(function() {
    var desiredHeight = $('.right-column').height();
    $('.left-column').css('max-height',desiredHeight);
    $('.left-column').css('min-height',desiredHeight);
});

当页面加载时，它可以正常工作。如果页面加载后内容仍会更改，则必须将上面的代码绑定到事件（该事件会更改内容）

---

希望它能对您有所帮助。

如果您想实现完全的跨浏览器兼容性，您肯定需要javascript来实现这一点。你是想针对所有的浏览器，还是仅仅针对现代的浏览器。好啊我想我会用JS。