Html 调整浏览器大小时元素正在移动

这是我两周前的现场直播

我遇到的问题是，在调整浏览器窗口大小时，右侧的axe按钮和导航栏与其他元素分开移动，我正在尝试解决这个问题。我希望它们都被修复，或者在调整浏览器大小时一起移动

我一直在网上找，没办法弄明白。如果我试着把它们都放在一个块里，那么所有的东西都会歪掉，我的按钮就不能再点击了

---

我是css和html的新手。但我想在这里学习，找出我做错了什么。任何帮助都将不胜感激。谢谢

如注释中所述，正在移动的元素要么使用相对于其容器的百分比放置，要么浮动，如斧头，它将其固定在右侧，并随着该侧的移动而移动

中心div不移动，因为它位于固定位置。如果您希望它也以流体的方式展开和折叠以为其他元素腾出空间，则必须将其宽度设置为百分比，而不是px值

---

现在事情开始变得复杂了，因为中心div的内容最终会收缩并堆积在一起。因此，流动性/响应性web开发的问题也使得您的问题过于宽泛，无法完全回答。

CSS定位是一个强大的工具，但不应以这种方式使用。重新排序你的HTML，这样你就不需要绝对定位所有内容。然后使用边距正确定位轴按钮

我建议如下：

HTML:

---

可能会有其他CSS调整要做，但这会让你走上更好的轨道。快乐编码。

这就是使用相对值（%）时发生的情况。

   <nav>  
   <leftaxe>
   <rightaxe>
   <box>

/* remove position:absolute and left, right, top, bottom styles */
.leftaxe, .rightaxe { margin:302px auto 0; }