100vh div內容顯示在下一個div

Question

我已成功將某些div的高度設置爲高度：100vh;

但是當我嘗試它的一小顯示器上看起來像div的內容得到合併 下一個div的內容。例：

http://www.shy22.com/upfilpng/pvt29848.png

你可以嘗試改變白股利高度100vh： http://attafothman.olympe.in/

（對不起我的英文不好）

Answer 1

如果你想有一個元素，使其的尺寸您屏幕上，您必須對HTML和主體元素的高度和寬度設置爲100％，並擁有所有的邊距和補的這樣一個小的CSS復位：

* { 
    margin: 0; 
    padding: 0; 
} 

html, body { 
    height: 100%; 
    width: 100%; 
} 

要填滿屏幕寬度的元素，您可以簡單地給一個100％的高度。

像這樣：

.fitScreen { 
    position: relative; 
    height: 100vh; 
    background-color: yellow; 
} 

下，你可以設置你想要的任何元素，你想要的任何高度，這樣的事情：

.content { 
    position: relative; 
    height: 1500px; 
    background-color: green; 
} 

Heres a jsFiddle to show you what im doing