如何使侧边栏菜单固定，但浮动在右侧

Question

我已经在这一段时间了，我想知道如何让侧面菜单停留在同一个地方，但保持漂浮在右侧。当我使用固定元素时，它的所有方式都会从右向左拉动我的侧边栏。 感谢。

Answer 1

将侧边栏位置设置为固定。设置您希望的高度和宽度，并将right css属性设置为0.这应该可以正常工作

Answer 2

确保指定位置，如top和left，如：

div#myDIV
{
     position:fixed;
     width:100px;
     height:100px;
     left:10px;
     top:100px;
}

请参阅此示例：http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=fixed

Answer 3

尝试right:0

.cont
{
     position:fixed;
     width:200px;
     height:200px;
     right:0px;
     top:100px;
     background:#999;
}

http://jsfiddle.net/6L6wj/

Answer 4

我还会考虑使用z-index属性：

#yourdiv {
     position:fixed;
     width:200px;
     height:200px;
     right:10px;
     top:10px;
     z-index: 10;
}

请记住将另一个容器设置为

#maincontainer {
     position:relative;
     z-index: 1;
}