我对网页进行了以下设置:
我想要右侧边栏中的菜单,但如果我使用固定定位,不同的设备和屏幕尺寸会让我的内容和我的边栏发生冲突...
如何在我的 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/