Как прижать блок к низу блока?

Question

[Дима]

Просьба подсказать как прижать текстовый блок к низу страницы, если этот блок не идет последовательно. Песочница:
первый раз верстаю, спасибо отдельно если раскритикуете ошибки, учту любую критику. Спасибо

Answer 1

[vovarevenko]

Какой блок нужно прижать? Я так понял, что нужно блок «Купить люстру в Москве» разместить сразу после списка товаров?

Comments

[Дима]

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

[spike__x]

v2254303, А в чем проблема то поставить его в нужной последовательности?

[Дима]

spike__x, Это просьба сеошника, контент ближе к началу страницы. Для чего я не знаю. Есть задача, я ищу решение.

[vovarevenko]

Просто поменяйте местами со списком товаров, и уберите этот класс full:

<h1>Люстры</h1>
<div class="opisanie"></div>
<div class="relative-razdel clearfix"></div>
<h3></h3>
<div class="page-content__sort clearfix"></div>
<div class="page-content_tovar clearfix"></div>
<div class="mse2_pagination"></div>
<div class="opisanie"></div>

[vovarevenko]

v2254303, тогда вам нужно сделать 2 вещи:

1. Дублируйте блок. Верхний (там, где нужно сеошнику) поставьте display: none, а нижний возьмите в noindex.
2. Пошлите такого сеошника.

[Дима]

vovarevenko, Спасибо за ответ. Если не найду решение применю ваш способ

[Дима]

vovarevenko, Кстати, 2 вариант давно напрашивается )

[vovarevenko]

v2254303, другого вменяемого решения нет. Из не очень вменяемых — использовать flexbox или на Javascript после загрузки этих блоков высчитывать высоту блока с описанием, прижимать его к низу родителя, а у родителя padding выставлять на высоту перемещенного блока.

Answer 2

[Илья Серов]

.container {
 position: relative;
}

.container .child {
 position: absolute;
 bottom: 0;
 left: 50%;
 margin-left: -50px; // если ширина блока 100px, что бы выровнять по центру.
}