Отключить контекстное меню css?

Question

Извините, мой плохой, действительно устал пытаться выяснить проблему. Поэтому давайте перефразируем вопрос: «Как сделать раскрывающееся меню ниже определенного элемента моего централизованного горизонтального меню». (Я изменил код немного)

HTML

<div class="menu"> 
    <ul id="nav"> 
    <li><a href="#">link 1</a></li> 
    <li><a href="#">link 2</a></li> 
    <li><a href="#">link 3</a></li> 
    <li><a href="#">link 4</a> 
     <ul id="dropdown"> 
     <li><a href="#">sublink1</a></li> 
     <li><a href="#">sublink2</a></li> 
     </ul> 
    </li> 
    </ul> 
</div> 

CSS в центре .menu

#nav { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    height: 30px; 
    position: relative; 
} 

#nav li { 
    display: inline; 
} 

#nav a { 
    display: inline-block; 
    padding: 10px; 
    margin-top: 40px; 
    font-family: "oswald", sans-serif; 
    color: black; 
    text-decoration: none; 
} 

#nav a:hover { 
    background-color: rgba(107, 163, 252, 0.28); 
} 

Answer 1

просто добавить

ul#dropdown 
{ 
    padding: 0px; 
} 

см jsfiddle здесь: https://jsfiddle.net/yxLzbkL3/

Редактировать fy i: если прокладка не указана, стиль пользовательского агента из вашего браузера будет автоматически указывать несколько списков с помощью прокладки.