Div高度不正確。 Css

-1

我有一些'div'-s的問題。我有一個包含兩個div的div。Div高度不正確。 Css

<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>

的「案例研究視頻容器」包含了視頻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; 
}

謝謝！

來源

2017-09-15 Orsi

爲什麼你有'高度：100％重要;''中。視頻-holder'？它的高度將（可能）取決於'case-study-video-container'。 –

你有沒有嘗試設置case-study-video-container的位置？或設置爲「content-holder」的高度 – rebecca

把工作的例子，很難猜到發生了什麼 – masterpreenz

添加以下CSS母公司fiddle

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

來源

2017-09-15 08:20:35 Znaneswar

Div高度不正確。 Css

回答

相關問題