Как остановить выпадающее меню от нажатия контента вниз?

Question

Мне было интересно, может ли кто-нибудь помочь мне сделать так, чтобы контент не выпадал без того, чтобы он не испортил подменю.Я попытался изменить подменю в положение: абсолютное, но это только испортило подменю, и я также попробовал z-index: 2, и это не помогло.Единственная другая идея, которую я должен был бы исправить - это применить что-то вроде позиции: абсолютное к тексту, но я не уверен, как это сделать.Если бы кто-нибудь мог помочь мне, я был бы очень признателен

Answer 1

Вы должны добавить следующую CSS к своему коду

nav ul li {
  position:relative;
}
//add class on sub-menu(.drop-down)
.drop-down{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:1;
}
//z-index value set as your needs

Answer 2

Добавьте этот фрагмент css в конец вашего файла стиля.

    nav ul li {
        position: relative;
    }

    nav ul ul {
        position: absolute;
        width: 100%;
    }

Чтобы подменю не давило содержимое, оно должно иметь стиль position: absolute.Другие биты CSS - это настройка стилей и ширины подменю.