例如Google新闻或pulsme登陆页面。显然,这样做的主要优点是当用户在主文档中向下滚动时,导航菜单仍在屏幕上可见。我尝试position:fixed
了<td>
元素。但是问题在于,当在移动设备(小屏幕)上查看页面时,文本与主要内容混合在一起。我可以使用不是表格的解决方案,但最好不要使用任何外部库。我也尝试过<iframe>
...但是无法使其运行。谢谢!
最好的解决方案是在div中添加菜单,在另一个中添加内容
<div id="menu">Some Menu Options</div>
<div id="cont">Your Content</div>
然后在CSS中
#menu{
position:fixed;
top:0;
left:0;
height:100%;
width:150px;
}
#content{
position:relative;
margin-top:100%;
}
当然,您可以150px
用其他任何值替换。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句