Все липкие нижние колонтитулы требуют, чтобы вы размещали все содержимое в обертке страницы, за исключением нижнего колонтитула. У меня есть ситуации, когда заголовок должен находиться вне страницы плёнки:CSS липкий нижний колонтитул с заголовком за пределами обертки страницы
<div id="header">...</div>
<div id="page-wrap">...</div>
<div id="footer">...</div>
Любые знают, что добавление к CSS будет в этом случае?
Не может быть что-то вроде следующей работы?
<div id="page-wrap">
<div id="header">Header stuff</div>
<div id="contents">Actual page innards</div>
</div>
<div id="footer">Footer text</div>
Вы не дали много деталей, но я предполагаю, что вы хотите какой-то форматирование не применяется к #header. Решение - это форматирование на #contents, а не # page-wrap. На самом деле не помещайте форматирование на # page-wrap, кроме того, что требуется для нажатия нижнего колонтитула.
Я использовал второй класс обертки, чтобы сделать липкий верхний и нижний колонтитулы. Хотя липкий заголовок будет хорошо работать внутри обертки, есть много предлагаемых решений для нижнего колонтитула, которые не прилипают.
Я обнаружил, что некоторые из этих обходных решений вызывают проблемы с заголовком. Попробовав многие из предложенных обходных решений, которые я нашел, придерживались как в собственной оболочке класса с теми же свойствами, что и исходная оболочка, которая липкая с остальной частью страницы, требуя минимального кода.
Попробуйте липкий заголовок link
и нижние колонтитулы можно легко сделать с помощью CSS имущественного положения: фиксированное.
Можете ли вы объяснить, что вы пытаетесь сделать, что ** требует ** заголовка вне оболочки? – ChssPly76
Как выглядит ваш CSS-обтекатель CSS? На самом деле это всего лишь трюк. – random
Почему ваш заголовок должен находиться за пределами вашей страницы? Я уверен, что есть еще один способ выполнить свою задачу с заголовком в обложке страницы. – PHLAK