Почему footer игнорирует contnent?

Question

[blanchee]

Почему footer игнорирует content? https://codepen.io/yuroxowax/pen/aVaLKQ . В контенте предложение заканчивается словом test, но foooter его перекрывает, я так понял всей своей высотой закрывает контент снизу. Пробовал сделать

.content{
margin-bottom: -200px; /* или просто 200
}

Но не помогает.

Answer 1

[Анатолий]

У footer position: absolute; уберите.

Comments

[Сергей Горячев]

Ну, либо

.content{
padding-bottom: 200px;
}

если очень хочется абсолютный подвал.

[blanchee]

Сергей Горячев, Сначала помогло, но потом добавил инлайн блоки. https://codepen.io/yuroxowax/pen/POdxeJ . Как можно без абсолютной позиции? Просто убрать - никакого эффекта.

[Сергей Горячев]

blanchee, я вообще не понимаю, какую фигню ты там мутишь, покажи макет, чего ты пытаешься добиться.

[blanchee]

Сергей Горячев, у меня есть контент, его высота 200px, внутри него инлайн блоки которые footer игнорирует и игнорирует высоту страницы. Если сделаю footer relative, то он будет строго под content.

[blanchee]

На макете такая-же схема, и также футер прижиматься не к низу страницы а к низу экрана.

[blanchee]

Есть и способ растянуть контент на всю высоту инлайн блоков?

Answer 2

[Максим]

а вы вообще абсолютное позиционирование уберите для подвала , им чуток по другому пользуются : https://codepen.io/MaximLensky/pen/VrGymy

Comments

[blanchee]

Как его тогда в низ страницы подвал поставить? В контенте есть инлайн блоки, высоту которых контент игнорирует. https://codepen.io/yuroxowax/pen/POdxeJ

[Максим]

blanchee, у вас контент будет же ? и подвал сам вытеснится в самый низ... либо используйте fixed но не абсолют ... другое предназначение у него

[blanchee]

Максим Ленский, Так он уже есть, на примере. Блок контент, внутри него инлайн блоки(товаров), высоту которых он игнорирует. Если я fixed сделаю, то футер будет фиксированным, то есть будет виден всегда, даже если высота страницы больше высоты экрана что ли, не знаю как объяснить.