2012-09-02 174 views
0

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

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

下面是菜单栏的解决问题的CSS代码,我用我的网页

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

任何建议或使用不同的代码将受到欢迎,

在此先感谢!

回答

0

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

你可以从这个链接

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

+0

Sush喜知道更多关于这一点,我不认为我明白你完美,但我改变了代码,这.menubar {位置:相对;向左飘浮;保证金:0},它仍然无法正常工作,请帮忙!谢谢! – Panpaper