-1
votes

Comment puis-je mettre des éléments sous l'élément en ligne?

J'ai créé un menu NAV scindinal à l'aide de deux éléments UL, donc j'ai utilisé en ligne pour obtenir les articles horizontales. Maintenant, lorsque j'essaie d'ajouter des éléments dans le menu NAV, ils sont en ligne avec elle à moins d'ajouter un tas de lignes.

Je ne peux pas comprendre comment obtenir la mise en page juste tout en maintenant une barre de navigation horizontale. p>

p>

    .topnav li {
      display: inline;
    }


3 commentaires

Votre élément .topnav a une hauteur de zéro, car tous les enfants sont flottés. Allez lisez sur la façon dont les flotteurs de débarrassage fonctionne. CSS-Tricks.com/all-about-floats/# Article-Header-ID-2


Ahhhhhh, je suis un idiot merci


@Agapambor Juste une suggestion: évitez le flotteur et l'affichage en ligne. Ils ne sont pas destinés à la mise en page et n'ont pas de tirage. Considérez la mise en page plus moderne de la boîte Flex. C'est plus polyvalent et a moins de tirage.


4 Réponses :


-1
votes

Votre must Gardez votre style dans