Div高度不合适。 CSS

Question

我对某些＆div; -s有一些问题。 我有一个div包含两个＆div; s。

<div class="case-study-video-container">
   <div class="video-holder">
     <?php putRevSlider( '' ); ?>
   </div>
   <div class="content-holder">
     <div class="video-text-container">
        <h3>..</h3>
     </div>
   </div>
</div>

案例研究 - 视频容器＆＃39;包含视频的div和带文本的div。问题是文本的div太大，它应该具有视频的高度。视频高度总是正常的，它应该是响应的，但带有文本的div是或太大或太小。 你能给我解决这个问题的解决方案吗？带文字的div应始终具有带视频的div的高度。

我用这个css：

 .video-holder{
     height: 100% !important;
     width: 50%;
     display: inline-block;
     float: left;
     overflow: hidden;
 }

.content-holder {
     width: 50%;
     display: inline-block;
     float: left;
     overflow: hidden;
}

.video-text-container {
     height: auto;
     padding: 100px 30px;
 }

谢谢！

Answer 1

将以下css添加到父fiddle

.case-study-video-container{
       display:flex;
       align-items: center;
 }