#css
#css
Вопрос:
У меня есть страница с фиксированным положением заголовка при прокрутке. Аналогично верхнему меню StackOverflow.
Мне нужно использовать height = auto, потому что я могу отображать информацию в одной или нескольких строках. Если я использовал две или более строк, то мой заголовок отображается поверх основного текста страницы.
Я могу решить это с помощью JS-скрипта, установив body margin-top = ширина заголовка.
Как я могу решить эту ситуацию только на CSS без JS?
Комментарии:
1. У вас есть какой-нибудь пример кода, который вы могли бы добавить к вопросу?
Ответ №1:
Я не думаю, что это можно сделать исключительно с помощью CSS. Элементы с position: fixed выводятся из обычного потока страницы, и поэтому они не используются при вычислении положения других элементов на странице.
Я полагаю, вы могли бы отобразить два заголовка, один с position: fixed , а другой без такого объявления (и, возможно, с «активными» элементами страницы, такими как ссылки, поля ввода или кнопки, замененные статическим текстом), используемые только для перемещения других элементов страницы вниз. Однако это был бы ужасный взлом.
Комментарии:
1. Спасибо. В моем случае мне нужно показать пользователю некоторую информацию в двух или более строках в заголовке страницы при прокрутке страницы. Хм, мне нужно использовать фиксированную высоту моего фиксированного заголовка.