CSS如何在放大时垂直修复某些内容而在放大时不横向重叠？

Question

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

那么如何固定我的侧面导航以不在页面滚动但在放大或使用其他分辨率时不重叠内容？

导航div的CSS：

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

Answer 1

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