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

【问题标题】：how to prevent div sidebar from overlapping content?如何防止 div 侧边栏重叠内容？
【发布时间】：2012-08-27 17:35:43
【问题描述】：

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

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

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

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

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

提前致谢！

【问题讨论】：

标签： css html sidebar overlapping

【解决方案1】：

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

【讨论】：

嗨，Sush，我认为我没有完全理解你，但我将代码更改为这个 .menubar{position:relative;向左飘浮; margin:0} 仍然无法正常工作，请帮忙！谢谢！