css - CSS如何在放大时垂直滚动而不是水平重叠？

Question

所以我在中心有一个 div 元素，其中包含页面的主要内容，然后在右侧有另一个 div 用于导航。右边的 div 有 position:fixed; 这样当您向下滚动中心内容时，它会保留在右侧。当我放大或使用具有不同分辨率的计算机时，右侧的固定 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。或者你可以在身体上设置这个宽度，但我不建议这样做。