Afficher
affichage: bloc; affichage d'élément de bloc
affichage: en ligne; affichage des éléments en ligne
affichage: bloc en ligne; élément de bloc affiché en ligne
affichage: boîte flexible; boîte flexible Lorsque la largeur totale des éléments est inférieure à la somme des éléments, la largeur est uniformément répartie
affichage: aucun; masquer
Positionnement
position: statique Par défaut, il n'y a pas de positionnement,
position: positionnement absolu fixe, par rapport au navigateur. Commun comme le haut vers le haut et la barre flottante des deux côtés n'occupe pas d'espace directement en haut, va bloquer le bas ne peut pas utiliser le haut
position: positionnement relatif élatif, position normale relative Utilisez le haut pour régler où il devrait être
position: positionnement absolu, le positionnement relatif de l'élément parent n'est pas statique
.aoa {
position: absolue;
bordure: rouge 1px solide;
couleur de fond: bleu;
haut: 40px;
affichage: aucun;
}
{.qaq
position: relative;
hauteur: 40px;
hauteur de ligne: 40 px;
}
.qaq: survoler .aoa {
bloc de visualisation;
}
<ul>
<li class = "qaq"> 十几 万
<div class = "aoa">
<ul>
<li> 123 </li>
<li> 456 </li>
</ul>
</div>
</li>
</ul>
Code simple pour masquer la barre de menu déroulante