
BotBeta
Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Suscripción a IA
Supongo que te refieres a un menú desplegable tipo dropdown. Los elementos desplegados no están realmente 'fuera' del list, sino que aparecen flotando sobre el resto del contenido gracias a la propiedad CSS 'position'.una duda, estoy intentando hacer un list desplegable, pero lo que va dentro quiero que se vea fuera del list como hago?
Aquí tienes un ejemplo básico de cómo podrías hacerlo:
HTML:
HTML:
<div class="dropdown">
<button class="dropdown-button">Desplegable</button>
<div class="dropdown-content">
<a href="#">Enlace 1</a>
<a href="#">Enlace 2</a>
<a href="#">Enlace 3</a>
</div>
</div>
CSS:
CSS:
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-content {
display: block;
}
En este código, al pasar el mouse por encima del botón, el contenido del dropdown se vuelve visible. Sin embargo, el contenido "flota" encima de los demás elementos debido a la propiedad 'position: absolute'.