Pourquoi le overflow-x:hidden de HTML affecte-t-il le script du bouton de retour en haut ?

Question

La partie disparaître en haut du script du bouton de retour en haut ne fonctionne pas en raison de html { overflow-x: Hidden;

 

     ;

        
            

CSS


    HTML,
    corps {
    hauteur : 100 % ;
    comportement de défilement : fluide ;
    position : relative ;
    overflow-x : caché ;
  }

corps {
    couleur d'arrière-plan : #060606 ;
    famille de polices : « Montserrat », sans empattement ;
    couleur : #ffffff ;
    marge : 0 ;
    remplissage : 0 ;
}

.bouton {
  overflow-x : visible !important ;
}
  
#monBtn {
  affichage : aucun ;
  poste : fixe ;
  en bas : 20 px ;
  à droite : 30 px ;
  indice z : 99 ;
  bordure : aucune ;
contour : aucun ;
  couleur de fond : rouge ;
  Couleur blanche;
  curseur : pointeur ;
  remplissage : 15 px ;
  rayon de bordure : 10 px ;
  taille de police : 18 px ;
}

#myBtn:survolez {
  couleur d'arrière-plan : #333 ;
}
La plupart sont du code, veuillez ajouter plus de détails, la plupart sont du code, veuillez ajouter plus de détails, la plupart sont du code, veuillez ajouter plus de détails, la plupart sont du code, veuillez ajouter plus de détails, la plupart des c'est du code, veuillez ajouter plus de détails, c'est principalement du code, veuillez ajouter plus de détails, c'est principalement du code, veuillez ajouter plus de détails, c'est principalement du code, veuillez ajouter plus de détails, c'est principalement du code, veuillez ajouter plus de détails Plus de détails
Si je supprime le overflow-x dans le code HTML, les boutons disparaîtront en haut, mais il y aura un espace blanc à droite de tout le contenu du site
            

Answer 1

Vous devriez essayer de remplacer cela overflow-x 样式，并通过 id sélectionnez votre élément. CSS :

#myBtn {
  overflow-x: visible !important;
}