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

时间:2012-09-02 22:04:58

标签: css html sidebar overlapping

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

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

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

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

欢迎任何解决问题或使用其他代码的建议,

提前致谢!

1 个答案:

答案 0 :(得分:0)

因为,你正在使用固定定位; div将相对于浏览器保持固定,并且如果该区域中的其他内容发生偏移则将重叠。这是因为浏览器不为这些div分配任何空间。 在您的问题中,您可以通过指定主内容左边的最小边距来解决,实际上可以通过min-width css属性来实现。只需在主要内容的左侧放置一个最小宽度。

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

Using a percentage margin in CSS but want a minimum margin in pixels?