事業部佔據了屏幕

Question

像其他網頁的總空間，主要的div總是在其中佔據用戶所看到的整個屏幕的方式，當他向下滾動，他可以看到另外一個DIV：example1，example2

無論您調整屏幕大小，主div總會佔用用戶看到的總空間。

爲了測試它，我嘗試下面這段代碼：

<div style="background:yellow; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index:-1; float:left;"> 
    This is my Section! 
</div> 

有了他，我可以看到一個黃色的大背景，佔據瀏覽器的整個區域文本。假設我想在下面添加另一個div，我怎麼能這樣做？可能與CSS或我將需要JavaScript？

Answer 1

如果您檢查div更正確，此代碼：

top: 0; bottom: 0; right: 0; 

是什麼原因導致你的div佔據整個屏幕，因爲既然你設置所有的人都在0沒有在div之間的任何空間。

Answer 2

你可以做到這一點沒有只有純CSS的JavaScript。

隨着vh單位，你可以這樣下一個容器上指定margin-top：

#content { margin-top: 100vh;} 

這種方法的優點是，它是完全響應，無論你如何調整其大小（高度或寬度）。

See it here