Javascript CSS-格式化多个div旁边的导航div

我设计了我的网站，这样一个导航条横跨整个网站。它在一个div中处理。站点的其余部分也在div中，并将放置在导航div旁边

在将第一个div放在导航div旁边之后，一切正常。当我试图在导航div旁边和第一个div下面添加第二个div时，它超出了主体。我能修好这个吗

橙色边框分区是我正在尝试修复的分区

：JSFiddle太大，很难理解，所以请使用浏览器中的控制台来帮助我

firstBox是一个无法按我所希望的方式工作的div。navigationPane和topBox位于正确的位置

---

我知道编码非常杂乱无章，但目前这正是我正在使用的

您是否尝试添加一些对您有用的css属性

不过，让我告诉你。您应该使用position和top属性来表示出正文的方框

这是代码：

<div id="firstBox" style="
    position: relative;
    top: -800;"></div> 

---

将您的代码粘贴到您的问题中如果您能够隔离导致问题的代码并将其包含在您的问题中，这将对我们和您都非常有帮助。您可能会在执行此操作时发现问题，但这将极大地帮助调试。添加了完整的代码，指出了哪些id是有问题的@annisaniabove comment@ssubea，我认为您没有尝试过所有方法。顺便问一下，你在网上搜索过这个吗？谢谢，这对我来说很有用，我确实看了一下，但我输入的东西都没用。我应该向你解释一下。事实上，有更简单的方法来解决这个问题。但这会干扰其他因素。我应该告诉你我为什么用这个吗？

<div id="firstBox" style="
    position: relative;
    top: -800;"></div> 

position: relative;
top: -800;