HTML/CSS等列高

我已经尝试了很多让三根柱子保持相等的高度，但是没有任何效果。我需要在移动窗口时保持相等的高度，并使所有三列看起来相同，即使列1中的上下文比其他两列多得多，导致列1比列2和3扩展得更多

CSS是第一个框，html是第二个框。我的实际站点有以下链接：

#标题{
字体系列：“模具标准”/*易读字体*/
高度：200px；/*旨在吸引读者的注意力，但不会超过专栏*/
宽度：780px；/*页面的大部分，但不是全部，以创建一些空白*/
float:none；/*希望它居中对齐*/
背景色：#396；/*帮助显示页眉的位置，而不是混合到页面中的白色背景*/
左边距：自动；/*中心对齐*/
右边距：自动；/*居中对齐*/
清除：无；/*中心对齐*/
字号：80px；
颜色：#000；
}
#导航栏{
背景色：#F90；/*不同的颜色有助于与其他div区分开来*/
浮动：无；/*中心对齐*/
高度：30px；/*不要太高，使其看起来像导航meu*/
宽度：300px；/*需要足够宽，以便轻松容纳所有文本*/
清除：左；/*要将其放在标题下吗*/
文本对齐：居中；/*帮助中心导航选项*/
页边距顶部：30px；/*页眉和导航栏之间有一些空间*/
页边距底部：30px；/*列和导航栏之间有一些空间*/
位置：相对；/*希望将其放置在相对于html工作表的位置*/
左边距：自动；/*中心对齐*/
右边距：自动；/*居中对齐*/
填充：10px；/*文本和框边框之间的空格*/
}
.包裹{
显示：表格；
宽度：100%；
高度：自动；
}
#专栏1{
背景色：#69F；/*浅色可读*/
清除：左侧；/*放置在导航栏下*/
浮动：左；/*框左对齐*/
高度：自动；
宽度：30%；/*可调宽度*/
右：1%；
左：1%；
填充顶部：10px；
利润底部：1%；
显示：表格列；
最小高度：390px；
}
保险商实验室{
边距：0.1米；
填充：0；
} 
#专栏2{
背景色：#6c9；/*颜色与其他两列形成对比*/
float:left；/*使其与左侧的第1列保持在同一行中*/
宽度：30%；/*可调宽度*/
左边距：2%；/*可调边距，在第1列和第2列之间留出空间*/
利润底部：1%；
右：1%；
左：1%；
填充顶部：10px；
清楚:对,；
位置：静态；
显示：表格列；
最小高度：390px；
高度：自动；
}
#第3栏{
背景色：#69f；/*与第一列颜色相同*/
float:left；/*表示将其与第1列和第2列放在同一行上*/
高度：自动；/*足够长以包含重要信息*/
宽度：30%；/*可调宽度*/
左边距：2%；/*可调边距，以便在第2列和第3列之间留出空间*/
利润底部：1%；
右：1%；
左：1%；
填充顶部：10px；
清楚:对,；
位置：静态；
最小高度：390px；
显示：表格列；
}
#页脚{
颜色：#000；
背景色：#6f9；
文本对齐：居中；
高度：自动；
宽度：100%；
填充顶部：15px；
垫底：15px；
位置：相对位置；
底部：0px；
字体大小：16px；
字体大小：粗体；
文字装饰：下划线；
右边距：自动；
左边距：自动；
清除：左；
边缘底部：0px；
页边顶部：自动；
}

教练站
家庭|培训师|推荐|联系人
“Trainer Depot-那是什么？”

Trainer Depot是一项服务，您可以通过它查找所需的培训师，并直接给他们打电话或发电子邮件。




简单：每个培训师档案都包含：

传记
联系方式
他们的服务清单
最重要的是，阅读客户的评论

谁想与不知名的培训师合作？


不是我…也可能不是你


因此，如果你想要最好的本地培训师，你可能想使用这个网站。
你是教练吗？


如果你是一个，那么注册我们，并创建您的个人资料


只需付一小笔费用（对培训师，而不是客户，别担心！）
谢谢，如果您有任何问题，请致电或发送电子邮件。诚恳地，培训师仓库的网络管理员。

我建议设置标准高度并使用

溢出-y:auto

当上下文大于您的div时

有几种方法可以实现您的目标：

在包装类上使用

display:table

，在列上使用

display:table cell

。这本质上将div视为传统的表列

使用新的CSS Flexbox

使用基于JavaScript的插件，如

---

我相信还有其他几种方法，但没有一种是完美的。

我应该在父div上的哪个位置应用overflow-y:auto？我明白了，就是在父div上设置heightso#column1、#column2和column3Aha的位置。使所有列在溢出框时都可以滚动。我一直想知道怎么做。非常感谢您的帮助我相信这个答案使所有的盒子都是一样高的，但这并不是我想要实现的。我希望右边列保持在导航栏和页脚元素的中间，即使左边列展开。我的意思是，我知道50%的流动保证金会有所帮助，但我肯定这不是很准确。