2015-02-26 3 views
-2

Я разместил нижний колонтитул до нижней части div, но он продолжает перекрывать кнопки на мобильном устройстве. есть ли способ заблокировать нижний колонтитул при попадании в другой код div.my следующим образом: position:absolute; bottom: 0Предотвращение абсолютного положения от прохода div

+3

Почему вы полностью позиционируете нижний колонтитул? Я предполагаю, что вы пытаетесь реализовать липкий нижний колонтитул? Вот намного лучшая техника: https://css-tricks.com/snippets/css/sticky-footer/ – mattytommo

+0

Пример, который вы мне дали, хорошо работал, но при попытке настроить высоту нижнего колонтитула сайта он просто сходил с ума –

+0

Это потому что вам нужно отрегулировать поля/отступы, чтобы они были такими же, как высота нижнего колонтитула, вот как это работает. – mattytommo

ответ

0

Было бы проще помочь вам, если вы предоставите нам весь код. В любом случае вы можете использовать свойство margin-top или z-index для решения вашей проблемы.

margin-top Вы можете сохранить фиксированное расстояние между нижним колонтитулом и рядом с ним. Чтобы они никогда не касались друг друга.

z-index Другой способ - взять нижний колонтитул в фоновом режиме. Чтобы он не перекрывал кнопки. Вместо этого кнопки будут перекрывать его и не будут скрыты.

+0

его положение абсолютное, поэтому маржа не поможет. Все, что мне нужно, это предотвращать смещение позиции абсолютного div от другого. –

+0

Используйте свойство max-height для вышеуказанного div так, чтобы оно не сталкивалось с нижним колонтитулом. – YourFriend