Плавающий nav вправо с фиксированной позицией?

Моя навигация по сайту должна быть размещена в правой части контейнера, но должна находиться в фиксированном положении, так что всякий раз, когда страница прокручивается, навигация по-прежнему находится справа от 350 пикселей сверху. Это работало до тех пор, пока я не применил position:fixed, после чего навигацию застряли справа. Любые идеи, как я могу иметь лучшее из обоих миров (правая сторона и фиксированная позиция)?

http://jsfiddle.net/eeCgr/

Ответы

Ответ 1

Использование позиции: fixed требует настройки верхнего/правого/нижнего/левого CSS, чтобы получить элемент навигации в нужное место.

Например:

nav { 
    right: 0; 
    top: 50%; 
}

или

nav {
    right: 0; 
    top: 0;
}

Ответ 2

Метод X:

Просто создайте необходимое подразделение в другом подразделении.

Дать поступок: исправлено; ширина: 100%; свойства к внешнему div.

дать float: right; свойство для внутреннего div.

Так как свойства float и position были присвоены двум различным разделам, это вступило в силу. Убедитесь, что все остальные свойства двух разделов идентичны.

(чтобы скрыть внешний div, измените его альфа-значение (a) цвета на 0,00 с кодом HSLa)