CSS如何在垂直方向上进行滚动，而在放大时不进行水平重叠？

所以我在中间有一个div元素，它包含页面的主要内容，然后在右边有另一个div用于导航。右侧div的位置为：固定；这样，当您向下滚动中心内容时，它将保持在右侧。当我放大或使用不同分辨率的计算机时，右侧的固定div会被推入并与中心内容重叠

那么，在放大或使用其他分辨率时，如何将侧导航固定为不与页面滚动，但不与内容重叠

导航分区的CSS：

#navBox{
position: fixed;
padding: 6px;
border-radius: 8px; 
background: #DEDEDE;
right: 30px;
margin-top: 30px;
}

---

将内容和导航包装到另一个div中，并将其宽度设置为等于或大于nav width+content width。或者你可以在身体上设置这个宽度，但我不建议这样做。

你这样说听起来有点困惑。嗯，这是正确的方法。设置一个固定的元素，在te屏幕的两侧，在其中设置导航样式，就像在流程中一样（宽度、最小宽度、边距：自动，…）。所以它们总是匹配重叠。也很困惑吗？：）一些代码应该有帮助，我不确定我是否在跟踪你们。所以对于沃森的建议，我增加了一个宽度更大的outter div：我不确定我是否在跟踪你们。因此，对于沃森的建议，我在所有东西周围加了一个较大宽度的外div，但它似乎什么也没做