Как показать div.bottom
высоты около 100px в нижней части страницы. Если высота содержимого меньше высоты окна, в нижней части окна будет отображаться div.bottom
. Если высота содержимого больше высоты окна, она будет показана внизу страницы.div внизу страницы?
2
A
ответ
1
Что вы говорите, называется липким нижний колонтитул, и это можно сделать только с помощью html и css. Основная идея - использовать обертку с heights: 100%
и отрицательный запас, чтобы переместить его выше самого дна. Stole the code snippet from here и here:
<body>
<div class="wrapper">content here!
<div class="push"></div>
</div>
<div class="footer">footer content</div>
</body>
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
2
Вам нужно что-то вроде этого?
<div style="position:absolute; bottom:0;">Hi</div>
0
Вы должны использовать CSS,
div.pos_fixed_footer{
position:fixed;
bottom:0%;
right:0px;
background:transparent url(../img/bg_header.png) repeat scroll center top;
width:100%;
height:40px;
}
, а затем вызвать в сценарии как этот
<div id="pos_fixed_footer"><?php include "footer.html"; ?></div>
0
Я думаю, что вы имеете в виду подвал, который находится в нижней части окна, только если содержимое не переполнение окна, в противном случае он должен идти вниз по странице.
Просто реализовать код здесь http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
1
Это мой личный фаворит для липких колонтитулы:
Смежные вопросы
- 1. div внизу страницы
- 2. Div внизу страницы
- 3. XHTML место div внизу страницы
- 4. Показывать div, когда внизу страницы
- 5. CSS Push Div внизу страницы
- 6. Bootstrap div stretch внизу страницы
- 7. Позиция div внизу страницы или экрана
- 8. Место div внизу страницы с динамическим контентом
- 9. Развернуть DIV, когда внизу страницы jQuery
- 10. Нижний колонтитул внизу внизу страницы
- 11. Нижний колонтитул внизу страницы
- 12. Нижний колонтитул внизу страницы
- 13. Дополнительный фон внизу страницы
- 14. затруднительной сноска внизу страницы
- 15. align a div внизу
- 16. Позиция tfoot внизу страницы
- 17. Выровнять релятив Div внизу
- 18. Дополнительное место внизу страницы
- 19. Iframe внизу каждой страницы
- 20. Прокрутить изображение внизу страницы
- 21. Внизу позиционируется DIV
- 22. Позиция div внизу содержащего div
- 23. Сделать загрузку div box внизу
- 24. Bootstrap - Переместить строки внизу страницы
- 25. Промывка нижнего колонтитула внизу страницы?
- 26. Featherlight lightbox открывается внизу страницы
- 27. Силовой нижний колонтитул внизу страницы
- 28. Bootstrap нижний колонтитул внизу страницы
- 29. полоса прокрутки внизу внизу от родительского div
- 30. Push footer внизу страницы (bootstrap)
это требует ли вы абсолютно позиционировать все остальное? Похоже, что это покроет вещи, если вы не будете осторожны. –
нет, в этом случае, когда я прокручиваю страницу вниз, div.bottom перемещается вверх. – coure2011