我有一个包含两列的网站，位于包装器 div 中。
包装器具有与最高 div 相同的高度，方法是让所有内容都 float 并给包装器 height:100%。
这是我的问题:其中一列是一个带有 overflow:scroll 和几个图像的 div。我试图将它的高度设置为 100%，认为它会占据 wrapper 的整个高度。相反，它变成了所有图像的高度。
如果我将带有图像 (#rightbox) 的列的高度设置为以像素为单位的特定高度，this发生了。
我希望它与另一个带有文本的 div 具有相同的高度，因此我将其高度设置为 100%。那么this发生了。
如何让两列的高度相同？
编辑:我忘了提到文本的数量会有所不同，所以我无法为包装器定义特定的高度。
最佳答案
您不能将高度定义为 100%，除非您的 parent 提供实际高度。
#wrapper {
height: 800px;
}
/* Now you can make the columns inside take the full height of its parent *?
#wrapper .columns {
height: 100%;
overflow: auto;
}
注意:如果包装器位于 body 元素内，那么您需要设置 html,body { height: 100%; } 包装器之前可以设置为100%
关于html - 怎么让:scroll div have the same height of its container?溢出 详细里面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10037276/