Я знаю, что могу просто использовать главную страницу, но какую разметку я использую на главной странице, чтобы всегда иметь заголовок вверху и нижний колонтитул полностью на снизу, используя некоторый код CSS?верхний и нижний колонтитулы, которые всегда отображаются сверху и снизу
Для сноски:
Это называется прикрепленный колонтитул. Вы можете найти его и найти (google css sticky footer). Мне это нравится one.
Это на самом деле лучше, чем мой ответ, поскольку он прокручивается и не занимает пространство все время. Повторение высоты в прокладке немного уродливое, но в остальном оно выглядит чистым. – bitmask
, пожалуйста, просмотрите эту ссылку и, если возможно, воспользуйтесь помощью http://stackoverflow.com/questions/4059485/the-footer-css-does-not-work-when-the-page-loads-dynamic-content-at-button-click – user287745
Использование position: fixed
Так заголовок может быть:
.header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
}
И сноска:
.footer {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
}
Это будет 100px высокий заголовок и 50px высокий колонтитула в нижней части. Обратите внимание, что position: fixed не работает в IE6 по умолчанию
Я использовал ваш метод, но проблема с динамическим контентом, пожалуйста, обратитесь к ссылке ths, посмотрите, существует ли решение. http://stackoverflow.com/questions/4059485/the-footer-css-does-not-work-when-the-page-loads-dynamic-content-at-button-click – user287745
Хотя я не совсем уверен, что ваш контекст, в общем, вы можете сделать это, установив display:fixed для колонтитула и заголовок ид/класса и с использованием bottom:0 для колонтитула и top:0 для заголовка.
Возможно, вы хотите включить высокий z-index для обоих, чтобы они всегда отображались на верхнем слое.
Проблема с этим решением заключается в том, что фактическое содержимое страницы прокручивается позади обоих элементов и может быть нечитаемым, поэтому вы должны настроить верх и низ margin для обоих.
Это краткая и грязная информация, которая поможет вам начать работу, так как вы не указали более подробную информацию в своем вопросе.
http://stackoverflow.com/ вопросы/4059485/The-сноска-CSS-делает-не-работу-при--страница загружает динамический контент-на-кнопку-клик – user287745
Мы будем рады, но вы могли бы перефразировать свой вопрос, чтобы мы могли это понять? Ваше первое предложение, похоже, не имеет никакого смысла (для меня, по крайней мере). –