Содержимое нижнего липкого перекрытия

63
7

На моей странице у меня есть нижний липкий нижний колонтитул, но он перекрывает мой контент. Это способ исправить это, не устанавливая определенную высоту для нижнего колонтитула и не оставляя ту же самую высоту в html, body?

Ссылка на мой сайт: https://www.rajohan.no/index.php?page=movie&category=comming

спросил(а) 2021-01-25T09:54:40+03:00 4 месяца, 3 недели назад
1
Решение
77

Если ваш #content_box настроен на размещение остальной части страницы после заголовка, а ваш #bottom настроен на сидение в нижней части страницы, тогда он будет перекрываться, как вы можете видеть.

Лучшим способом решить эту проблему будет выделение #bottom столько места, вы можете сделать это в процентах, если вы беспокоитесь о масштабируемости.

Помимо этого, вы можете попробовать:

#content_box {
background-color: #ffffff;
min-width: 100%;
min-height: 75vh;
text-align: center;
padding-top: 20px;
overflow-y: auto;
display: inline-block;
}
#bottom {
background-color: #4d4d4d;
min-width: 100%;
padding-bottom: 5px;
border-top: 1px solid #e87f29;
color: #efefef;
text-align: center;
/* position: fixed; */
bottom: 0;
display: inline-block;
}

Кроме того, имейте в виду, что ваша страница не прокручивается :)

ответил(а) 2021-01-25T09:54:40+03:00 4 месяца, 3 недели назад
45

Идентификатор содержимого также занимает пространство для нижнего колонтитула, возможно, его настройка высотой поможет

ответил(а) 2021-01-25T09:54:40+03:00 4 месяца, 3 недели назад
45

Если вы используете эти стили на #content

display: flex;
flex-direction: column;
max-height: 100vh;

только #content_box будет прокручиваться

ответил(а) 2021-01-25T09:54:40+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема