Arkadaşlar merhaba. İnternetten bulduğum bir açılır menü yapımı örnek kodları yardımıyla bir açılır mneü yapmaya çalışıyorum ancak menü açıldığında diğer menü öğelerini de aşağı itiyor. Aşağı itmemesini nasıl sağlayabilirim acaba?

Css kodları
#main_container {
background:#72a2d5!important;
min-width:300px;
max-width:960px;
min-height:700px;
margin:0 auto;
}
.mainmenubtn {
background-color: red;
color: white;
border: none;
cursor: pointer;
padding:20px;
margin:10px 20px;
}
.mainmenubtn:hover {
background-color: red;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-child {
display: none;
background-color: black;
min-width: 200px;
}
.dropdown-child a {
color: white;
padding: 20px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-child {
display: block;
}

Html kodları

"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
















Alt Sayfa 1
Alt Sayfa 2
Alt Sayfa 3
Alt Sayfa 4
Alt Sayfa 5