在网页上定位元素

Question

我添加了一张图片链接，以帮助解释我的问题：http://i.gyazo.com/b1e319cda4b7c21a5072156f5bd7c590.png

我试图将红色div正好位于蓝色的正下方。问题是，您可以在图片顶部看到的顶部容器的高度为100％。然后蓝色div的高度为300px，位于顶部：100％。

我怎样才能将红色div完全置于蓝色div之下？我几乎只需要能够做到：top：100％+ 300px;

谢谢！

Answer 1

你可以做到最好：计算（100％+ 300px）; ？

Answer 2

1. 将红色div和蓝色div放在一个div容器中。
2. 将绝对定位应用于外部容器，并使内部div保持静止（如同，删除绝对定位）。
3. 删除带边距的div之间的边距：0;