У меня проблема с выпадающим меню. Когда вы наведете на него курсор, он оттолкнет нижний колонтитул и создаст причудливый эффект, что вы можете прокручивать всю страницу. (Это только тогда, когда раскрывающийся список достигает нижнего колонтитула). Я пробовал много вещей, таких как максимальная высота и т. Д., Но это не сработает.
Веб-сайт: {исправлено}
Если вы наведете курсор на пункт меню «Zippo», появятся причудливые вещи.
Как я могу это исправить?
Спасибо! Воутер0100
Вы можете установить положение раскрывающегося меню как абсолютное:
#nav li ul {
margin: 0px;
padding: 0px;
display: none;
position: absolute;
top: 25px;
z-index: 99; /* edited */
}
Измените следующий класс с:
#nav li ul {
margin: 0px;
padding: 0px;
display: none;
}
to
#nav li ul {
display: none;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 24px;
z-index: 100;
}
Нижний колонтитул выпадает из-за высоты меню навигации
чтобы преодолеть это, вам нужно вытащить меню из обычного дома, поместив его
#menu {position: relative;}
#nav {z-index: 100;position: absolute; }
