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。或者你可以在 body 上设置这个宽度，但我不建议这样做。