Я хочу вертикально центрировать <div>
в окне просмотра (окне браузера), не прибегая к Javascript (только для чистого HTML и CSS). У меня есть несколько ограничений:
- Элемент
div
должен располагаться по вертикали в окне просмотра. Методы, которые я видел, поддерживают только центрирование внутри другого<div>
, чего я не хочу. - Высота
div
неизвестна.
Другие ограничения:
-
div
должен быть выровнен вправо. -
div
имеет постоянную ширину. -
div
должен поддерживать дополнение. - Другие элементы будут размещены на веб-странице.
div
действует как меню. - Div должен поддерживать фоновый цвет/изображение.
Это приближает меня к тому, что я хочу, но не совсем:
#nav {
position: fixed;
right: 0;
top: 50%;
}
Однако верхняя часть nav находится в середине, а не в середине навигатора.
Есть ли какой-нибудь метод, который позволяет мне центрировать мой div
с этими ограничениями?