css - 如何防止 div 侧边栏重叠内容？

Question

我有一个 div 侧边栏，它与我网站上的页面一起滚动。每次调整窗口大小时，侧边栏都会与页面内容重叠。

这是显示问题的演示页面： http ://wrasa.org/memberpage_demo.html

这是我用于页面的菜单栏的 CSS 代码

.menubar {width: 200px;position: fixed;left: 20px;down: 200px;}

欢迎任何有关解决问题或使用不同代码的建议，

提前致谢！

Answer 1

因为，您使用的是固定定位；div 将相对于浏览器保持固定，并且如果该区域中的其他内容发生变化，则会重叠。发生这种情况是因为浏览器没有为此类 div 分配任何空间。在您的问题中，您可以通过指定主要内容左侧的最小边距来解决，这实际上可以通过 min-width css 属性来实现。只需在主要内容的左侧再放置一个最小宽度即可。

您可以从此链接了解更多信息

在 CSS 中使用百分比边距但想要以像素为单位的最小边距？