如何顯示網頁中的特定DIV（高度方向）

Question

我已經在我的網頁得到了10倍的DIV每個DIV包含諸如圖像，文本，滑塊，視頻等

內容讓假設這些div按照這一順序。

類= 「DIV 1」

類= 「DIV 2」

類= 「DIV 3」

類= 「DIV 4」

等直至10 DIV 。

我想告訴我的網頁像筆記本電腦顯示器等各種屏幕的DIV 5

即當任何屏幕上的頁面加載（無論高度），它應該顯示多達DIV 5

我試過將這個CSS應用到DIV 5，但它沒有奏效。

.DIV5 
{ 
    width: 100%; 
    position: relative; 
    max-height: 100%; 
    height: 90vh; 
} 

它下降高度像768px。

Answer 1

您應該爲您的div使用height: 20vh;，在這種情況下，5個第一個div應該佔用20％的視口，而第6個div在加載時將不在屏幕上。

編輯：更新的jsfiddle

請參閱JSFiddle