html - 固定的 css 菜单不会溢出内容

标签 html wordpress css

我对网页进行了以下设置:

website sketch

我想要右侧边栏中的菜单,但如果我使用固定定位,不同的设备和屏幕尺寸会让我的内容和我的边栏发生冲突...

如何在我的 wordpress 主题中设置 div 或其他任何内容以实现它?

目前我有

<header>
4x <div></div>
</header>
<content>
</content>
<aside>
<nav>
</nav>
</aside>
<footer>
</footer>

使用 CSS:

#header {
display:block;
background-color:inherit;
width:1024px;
}

#header div{
display:inline-block;
}

#headermenuAKAtheFIRSTdivOFtheHEADER {
margin: 15px 15px 15px 15px;
width:134px;
height:134px;
float:left;
background-color:#fff;
} 
#footer {
margin: 4px 0 35px 184px;
padding:10px;
width:667px;
border: solid 1px #9a7283;
background-color:#fff;
}

aside {
width: 164px;
height:164px;
margin-right:5px;
position: fixed;
top:241px;
left:35px;
border: solid 1px #9a7283;
background-color:#fff;
}

最佳答案

好像只用CSS是不可能有粘性菜单的。

我选择做一些 JAVASCRIPT 操作并集成了这个,效果很好:http://www.jtricks.com/javascript/navigation/floating.html

感谢您的帮助!

关于html - 固定的 css 菜单不会溢出内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22790095/

相关文章:

mysql - 如何从mysql文件中提取内容

mysql - 从替换列表中搜索并替换

更改浏览器窗口的分辨率大小时,CSS 媒体查询不起作用

html - 为什么这个简单的 SVG 图标会缩放?

html - 鼠标悬停时如何更改整个网站背景颜色

javascript - 提交表单时,我不想在出现弹出窗口时加载页面

php - 如何在表单返回段落中制作 "textarea"(PHP)

javascript - onResize() 在 WordPress 4.7.2 中不起作用

html - 你怎么能用CSS在html中制作一个形状

css - 修复我的导航栏