Mostrar
pantalla: bloque; pantalla de elemento de bloque
display: inline; display de elementos en línea
display: bloque en línea; visualización del elemento de bloque en línea
display: flexbox; caja flexible Cuando el ancho total de los elementos es menor que la suma de los elementos, el ancho se distribuye uniformemente
pantalla: ninguna; ocultar
Posicionamiento
position: static Por defecto, no hay posicionamiento,
posición: posicionamiento absoluto fijo, relativo al navegador. Común, como volver a la parte superior y la barra flotante en ambos lados no ocupa espacio directamente en la parte superior, bloqueará la parte inferior, no puede utilizar la parte superior
posición: posicionamiento relativo elativo, posición normal relativa Use la parte superior para ajustar desde donde debería estar
posición: posicionamiento absoluto, el posicionamiento relativo del elemento padre no es estático
.aoa {
posición: absoluta;
borde: rojo 1px sólido;
color de fondo: azul;
arriba: 40px;
pantalla: ninguno;
}
{.qaq
posición: relativa;
altura: 40px;
altura de línea: 40 px;
}
.qaq: coloca el cursor sobre .aoa {
bloqueo de pantalla;
}
<ul>
<li class = "qaq"> 十几 万
<div class = "aoa">
<ul>
<li> 123 </li>
<li> 456 </li>
</ul>
</div>
</li>
</ul>
Código simple para ocultar la barra de menú desplegable