Html 调整大小时窗口的列高度

我卡住了，我想让我的左栏的高度等于右栏的高度。似乎问题是我的视频宽度，但我知道如何解决这个问题

我在代码中输入了以下内容：

@font-face{
字体系列：“poppins粗体”；
src:url（'../css/font/Poppins Bold.ttf'）；
}
@字体{
字体系列：“罂粟花灯”；
src:url（'../css/fonts/Poppins-Light.ttf'）；
}
@字体{
字体系列：“poppins中等”；
src:url（'../css/font/Poppins-Medium.ttf'）；
}
@字体{
字体系列：“poppins常规”；
src:url（'../css/font/Poppins-Regular.ttf'）；
}
@字体{
字体系列：“poppins半黑体”；
src:url（'../css/font/Poppins-SemiBold.ttf'）；
}
身体{
保证金：0；
背景色：#0080b9；
}
孔泰纽先生{
最小宽度：1050px；
}
.光{
字体系列：“罂粟花灯”；
}
.视频封面{
宽度：100%；
高度：175px；
背景颜色：灰色；
边缘顶部：10px；
边缘底部：50px；
}
#集团装腔作势{
背景色：白色；
宽度：25%；
浮动：左；
/*高度：900px*/
高度：100vh；
颜色：#0080b9；
字体系列：“poppins半黑体”；
溢出：滚动；
/*
左侧填充：20px；
右边填充：20px；
填充顶部：20px；
*/
}
包装器集团{
左侧填充：30px；
右侧填充：30px；
填充顶部：30px；
}
#介绍{
宽度：185px；
边缘底部：50px；
}
#内容物组分droite{
填充顶部：25px；
}
#块状辉石{
背景色：#0080b9；
宽度：75%；
浮动：对；
字体系列：“poppins半黑体”；
颜色：白色；
背景重复：重复-x；
}
.中央大厦{
显示：块；
右边距：自动；
左边距：自动；
}
#描述{
字体大小：15px；
文本对齐：居中；
宽度：45%；
边缘顶部：25px；
}
.视频播放器容器{
/*宽度：40%*/
显示：块；
右边距：自动；
左边距：自动；
边缘顶部：50px；
边缘底部：40px；
}
.视频播放器{
宽度：100%；
边框：5px实心#ECECEC；
框大小：边框框；
}
.页脚集团droite{
文本对齐：居中；
左侧填充：30px；
右侧填充：30px；
溢出：隐藏；
}
#徽标joon{
浮动：左；
宽度：200px；
}
#btn xp{
显示：内联块；
保证金：0自动；
背景色：白色；
右侧填充：15px；
左侧填充：15px；
填充顶部：10px；
垫底：10px；
颜色：#0080b9；
}
#joon-p{
浮动：对；
宽度：200px；
}
#joon-p-img{
/*变换：旋转（-20度）；
垫底：0px；
-webkit-transform-origin-x:-55px；
溢出：隐藏；
*/
-webkit-transform-origin-x:-55px；
宽度：95%；
}
#左闭塞{
浮动：左；
}
#右闭塞{
浮动：对；
}

Vivez l'intégralitéd'un航行JOON avec Maxime Gasteuil
Ep 1 Lorem Ipsum dolores sit amet
Ep 2 Lorem Ipsum dolores sit amet
Ep 3 Lorem Ipsum dolores sit amet
Ep 4 Lorem Ipsum dolores sit amet
我的同僚们都是精英。真正的真理，是共和国最尊贵的人，是我的全部，是我的全部
航海体验酒店

您提供了太多的代码，这些代码都是无用的，因为没有人愿意解决您的问题，无论如何，我要说的是，我尝试在一些

包装器

元素上添加某些

高度：100%

和

高度：100vh

，现在应该可以工作了

@font-face{
字体系列：“poppins粗体”；
src:url（'../css/font/Poppins Bold.ttf'）；
}
@字体{
字体系列：“罂粟花灯”；
src:url（'../css/fonts/Poppins-Light.ttf'）；
}
@字体{
字体系列：“poppins中等”；
src:url（'../css/font/Poppins-Medium.ttf'）；
}
@字体{
字体系列：“poppins常规”；
src:url（'../css/font/Poppins-Regular.ttf'）；
}
@字体{
字体系列：“poppins半黑体”；
src:url（'../css/font/Poppins-SemiBold.ttf'）；
}
身体{
保证金：0；
背景色：#0080b9；
}
孔泰纽先生{
最小宽度：1050px；
高度：100vh；
}
.光{
字体系列：“罂粟花灯”；
}
.视频封面{
宽度：100%；
高度：175px；
背景颜色：灰色；
边缘顶部：10px；
边缘底部：50px；
}
#集团装腔作势{
背景色：白色；
宽度：25%；
浮动：左；
/*高度：900px*/
高度：100vh；
颜色：#0080b9；
字体系列：“poppins半黑体”；
溢出：滚动；
/*
左侧填充：20px；
右边填充：20px；
填充顶部：20px；
*/
}
包装器集团{
左侧填充：30px；
右侧填充：30px；
填充顶部：30px；
最大高度：100%；
}
#介绍{
宽度：185px；
边缘底部：50px；
}
#内容物组分droite{
填充顶部：25px；
最大高度：100%；
溢出：自动；
}
#块状辉石{
背景色：#0080b9；
宽度：75%；
浮动：对；
字体系列：“poppins半黑体”；
颜色：白色；
背景重复：重复-x；
身高：100%；
}
.中央大厦{
显示：块；
右边距：自动；
左边距：自动；
}
#描述{
字体大小：15px；
文本对齐：居中；
宽度：45%；
边缘顶部：25px；
}
.视频播放器容器{
/*宽度：40%*/
显示：块；
右边距：自动；
左边距：自动；
边缘顶部：50px；
边缘底部：40px；
}
.视频播放器{
宽度：100%；
边框：5px实心#ECECEC；
框大小：边框框；
}
.页脚集团droite{
文本对齐：居中；
左侧填充：30px；
右侧填充：30px；
溢出：隐藏；
}
#徽标joon{
浮动：左；
宽度：200px；