如何正确实现固定侧边栏？
如何正确实现固定侧边栏？
提问于 2013-03-24 02:57:51
我正在尝试完成这个设计：
侧边栏将是固定的，但右侧(主要内容)将垂直滚动(如果用户的浏览器窗口较小，还可能水平滚动)。实现这一目标的最佳方法是什么？
我试着用200px的固定宽度来“固定”侧边栏，然后主要内容的左边距只有200px。但是，如果用户的浏览器比主要内容小，那么当用户试图水平滚动时，侧边栏会覆盖所有内容。
有没有更聪明的方法来实现这一点？谢谢!
回答 2
Stack Overflow用户
发布于 2013-03-24 09:02:48
这里有一个替代方案：http://jsfiddle.net/BoyWonder/8mVQX/embedded/result/
body{
padding-left:200px;
margin:0;
}
div#sidebar{
position:fixed;
height:100%;
width:200px;
top:0;
left:0;
background:grey;
}
div#content{
background:black;
width:100%;
height:1600px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15590803
复制相关文章
相似问题