Как сделать боковое меню фиксированным, но плавающим на правой стороне

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-индекс:

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

Не забудьте установить другой contaner к

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