Размещение div в нижней части другого div

Question

Я пытаюсь сделать разбиение на страницы jquery, однако у меня проблема с навигацией внизу, даже с clear: both.

Проблема заключается в том, что навигационные ДИВА <div class="alt_page_navigation"></div> должна быть именно там, где </ul> концов и не может быть в другом DIV, иначе пагинация прибудет сломаны.

Другая проблема заключается в том, что, поскольку страница динамична, я заранее не знаю ширины alt_page_navigation.

Here's a live page example, я пробовал все, что выплевывали Google, но безрезультатно. Если кто-нибудь знает простое решение, пожалуйста, дайте мне знать :)

Спасибо :))

Answer 1

Clear не будет работать с вашей рядный блок дисплея, но вам нужно, что для центрирования.

Try this solution для создания очищающего DIV, а затем положить

<div class="clearfix"></div> 

между вашими продуктами и пейджером.

Answer 2

Put обивка на дно равна высоте вашего нав, а также позиции, как так:

.wrapper { position:relative; padding-bottom:1.5em } 
.nav  { height:1.5em; position:absolute; bottom:0 } 

Например: http://jsfiddle.net/CwrMq/

---

Но нет никаких причин, чтобы использовать абсолютное позиционирование, либо ; просто сделайте нужным display:block. Например: http://jsfiddle.net/CwrMq/1/

Answer 3

Ваш .alt_page_navigation div имеет display: inline-block установлен на нем. Если вы удалите эту строку в css - ваш div очистит поплавки. Если вы хотите, чтобы его содержимое находилось в центре страницы, просто добавьте к нему text-align: center и убедитесь, что его содержимое inline-block (теперь ваши a являются блочными). Вы можете увидеть рабочий пример здесь: http://jsfiddle.net/6FNH6/

Answer 4

Вот решение, которое я обычно использую в таких ситуациях.

Ваш Paginator должен пойти внутри контейнера, который позиционирует его горизонтально

Смотрите эту скрипку - http://jsfiddle.net/94MwF/1/

В основном вы используете выравнивания текста по горизонтали центр его, и положение абсолютного положить его на дно ,