事业部占据了屏幕

像其他网页的总空间，主要的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？

来源

2016-04-17 Lacrifilm

如果您检查div更正确，此代码：

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

是什么原因导致你的div占据整个屏幕，因为既然你设置所有的人都在0没有在div之间的任何空间。

来源

2016-04-17 16:15:23

你可以做到这一点没有只有纯CSS的JavaScript。

随着vh单位，你可以这样下一个容器上指定margin-top：

#content { margin-top: 100vh;}

这种方法的优点是，它是完全响应，无论你如何调整其大小（高度或宽度）。

See it here

来源

2016-04-17 16:16:44

谢谢，你解决我的问题！ – Lacrifilm

不客气！如果可以的话，将主题标记为已解决:) –

事业部占据了屏幕

回答

相关问题