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

Html 在调整窗口大小时防止菜单DIV和内容DIV重叠,html,css,css-float,Html,Css,Css Float,我这里有点麻烦: 一切似乎都很好(当我调整窗口大小时,div移动时出现了一个小问题,但在StackOverflow用户的帮助下成功地解决了这个问题),但现在我遇到了另一个问题 我正在为这个网站使用wordpress,对我所做的一个基本主题进行了一些修改。一切正常,除了当您将窗口设置得非常小时,水平滚动条会出现,但当您滚动水平滚动条时,您会注意到菜单与内容重叠 我怎样才能使它们不重叠?我试图将侧边栏的位置设置为绝对位置,而不是固定位置,但是当我垂直滚动时,菜单应该保持在那里 不知道我该怎么做。。。

我这里有点麻烦:

一切似乎都很好(当我调整窗口大小时,div移动时出现了一个小问题,但在StackOverflow用户的帮助下成功地解决了这个问题),但现在我遇到了另一个问题

我正在为这个网站使用wordpress,对我所做的一个基本主题进行了一些修改。一切正常,除了当您将窗口设置得非常小时,水平滚动条会出现,但当您滚动水平滚动条时,您会注意到菜单与内容重叠

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

不知道我该怎么做。。。任何帮助都将不胜感激


谢谢

正如我在评论中所说,您将需要javascript来防止content div与固定菜单重叠

要为您指明正确的方向,请查看 github上的插件。。这是一个很好的插件,使用jQuery可以完成您想要的功能

是使用一点jQuery的工作版本,我托管了它,以便您更容易看到:


您需要对布局进行的唯一更改是将
侧栏主
div设置为
left:0,它将div略微向左移动,但我认为这是值得的,因为您原来的问题只需要一点点jQuery就可以解决。让我知道它是否适用于您的布局。

很难看到那里发生了什么。您正在使用媒体查询吗?发布一些相关的CSS。我已经删除了所有的媒体查询。下面是一些相关的CSS:
#侧边栏主{宽度:240px;边距:0px 0px 70px;浮动:左;位置:固定;最小宽度:240px;}
如果我将位置更改为绝对,内容不会与菜单重叠,但菜单没有垂直固定(这是我想要的)。基本上,我的问题是:菜单是否可以垂直固定,绝对水平固定,以及如何固定?我将如何在Javascript中实现这一点?介意为我指出正确的方向吗?我今晚晚些时候会去看看,看起来它做了我需要的。希望我可以整合它而不会有太多问题。非常感谢。谢谢你,伙计,我现在要去sac,但我明天会更新的。:)