Maison > interface Web > tutoriel HTML > Solution au conflit entre deux onglets de navigation en HTML

Solution au conflit entre deux onglets de navigation en HTML

青灯夜游
Libérer: 2018-10-08 17:20:06
avant
2570 Les gens l'ont consulté

Cet article présente principalement la solution au problème de conflit de navigation entre deux onglets en HTML. Les amis qui en ont besoin peuvent s'y référer

Décrivons d'abord le problème :

Par la même occasion. page , l'un des deux onglets a besoin de float: left, et l'autre a besoin de float: right, ce qui crée un conflit

Raison : les contrôles de chaque p ne sont pas soigneusement positionnés et la définition globale est utilisée, ce qui les fait changer ensemble ;

Plus tard, j'ai positionné avec précision chaque couche couche par couche, et c'était OK.

Solution au conflit entre deux onglets de navigation en HTML

Solution au conflit entre deux onglets de navigation en HTML

Solution au conflit entre deux onglets de navigation en HTML

Solution au conflit entre deux onglets de navigation en HTML

CSS :

p .ivu-tabs-nav-scroll .ivu-tabs-nav{
  float: right;
}
p .ivu-modal-body .ivu-tabs-nav-scroll .ivu-tabs-nav{
  float: left;
}
Copier après la connexion

Résumé

Ceci est l'éditeur que j'aimerais vous présenter comment résoudre le problème de conflit de navigation entre deux onglets en HTML. J'espère qu'il vous sera utile !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:jb51.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal