Я относительно новичок в CSS, поэтому, пожалуйста, извините меня за странную оплошность. Я определил, что нижний колонтитул имеет абсолютную позицию, и он остается внизу на всех страницах моего сайта, кроме одной.
...>Нижний колонтитул здесь ведет себя идеально, т. е. его положение приклеено к низу экрана независимо от содержимого.
...>Принимая во внимание, что нижний колонтитул ниже ведет себя ненормально, его положение не приклеено к нижней части страницы.
Я использую один и тот же класс нижнего колонтитула на обеих страницах, поэтому я не уверен, что здесь не так, как указано ниже:
.shell3-Footer {
box-sizing: border-box;
padding: 0.9375rem;
border-top: 0.0625rem solid #dcdcdc;
overflow: hidden;
max-height:40px;
width:100%;
background-color:#f5f5f5;
position:absolute; }
Обратите внимание, что если я изменю положение на фиксированное, то проблема будет решена лишь частично, так как мне нужно, чтобы нижний колонтитул был виден только при прокрутке вниз страницы. Кроме того, когда используется position:fixed
, я не могу видеть стрелку вниз на полосе прокрутки, что не является желаемым поведением.
Кроме того, под ошибочным нижним колонтитулом есть небольшой пробел, который я исправил, добавив к нему bottom:0px
.
Может ли кто-нибудь помочь, почему один и тот же класс нижнего колонтитула будет вести себя по-разному на двух страницах? Мысли?