防止菜单DIV和内容DIV在窗口调整大小时重叠

时间:2013-02-21 02:24:38

标签: html css html5 css3 css-float

我在这里遇到一些麻烦:..

一切似乎工作得很好(当我调整窗口大小但是设法通过StackOverflow的用户帮助修复它时,div有一个小问题)但我现在遇到了另一个问题。

我在这个网站上使用wordpress,并对我所做的基本主题进行了一些修改。一切正常,除非你使窗口很小,水平滚动条出现,但滚动水平滚动条时你会发现菜单与内容重叠。

我怎样才能使它们不重叠?我试图使侧边栏的位置绝对而不是固定,但是当我垂直滚动时,菜单应该保持在那里。

不确定我应该怎么做......任何帮助都会受到赞赏!

谢谢!

1 个答案:

答案 0 :(得分:2)

正如我在评论中所说,你需要使用javascript来防止内容div与固定菜单重叠

要指出正确的方向,请查看this  github上的插件..它是一个很棒的插件,使用jQuery来完成你正在追求的东西..

Here是使用一小部分jQuery的工作版本,我托管它让你更容易看到:

您需要进行的布局的唯一更改是将sidebar-primary div设置为left: 0;,它会将该div略微向左推,但我认为它的价值在于您的原始只需要一点点jQuery即可解决问题。如果它适用于您的布局,请告诉我..