#html #css #css-position
#HTML #css #css-позиция
Вопрос:
У меня есть этот сайт: davdev.co.il/broker
там у меня есть div с этими правилами:
.contact-mobile{
position: fixed !important;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
padding: 15px;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
max-width: 100vw;
background-color: $black;
opacity: 0.9;
a{
min-width: 25%;
text-align: center;
padding: 5px;
i{
color: #fff;
}
amp;:hover{
opacity: 1;
i{
color: $black;
}
background-color: $green;
}
}
}
по какой-то причине, которую я не могу понять, div появляется после прокрутки, и он не всегда закреплен внизу, как это должно быть.
На рабочем столе позиция фиксирована и отлично работает. Проблема только в мобильном устройстве.
это изображение div того, что внизу, с красной рамкой 
Комментарии:
1. в каком мобильном браузере вы видите эту ошибку? только Firefox 64 для Android и Samsung Internet после версии 6.2 имеет полную поддержку position: fixed.. смотрите все здесь
2. Chrome, Dolphin и Chrome для настольных компьютеров в режиме просмотра с мобильных устройств (ctrl shift m)
3. для настольных компьютеров Chrome имеет частичную поддержку. Поддержка Dolphin, я не знаю. в любом случае, вы можете проверить по ссылке, указанной выше
4. Исправленное работает хорошо, проблема в том, что у меня появляется нежелательная горизонтальная прокрутка, смотрите это изображение. вы знаете, как я могу это решить?
overflow-x: hiddenне помогло screencast.com/t/P7zQwdWySBv5. это означает, что у одного из элементов проблема с css. попробуйте следующее. используя инспектор, попробуйте удалять разделы один за другим, постоянно проверяя состояние горизонтальной полосы прокрутки. с помощью этого вы можете определить, что вызывает ошибку.