Overflow: hidden ne travaillez pas avec HTML5 en CSS

Sur

• Site web designers utilisent le overflow: hidden propriété lorsque l'on travaille avec des blocs div HTML. Lorsque le contenu dans un bloc de taille fixe div va au-delà de la largeur ou de la hauteur du bloc, ce contenu affiche toujours par défaut. Si vous affectez le overflow: hidden propriété au bloc, tout contenu qui déborde les frontières du bloc div est masquée dans le bloc. Le bloc a également ne pas afficher des barres de défilement pour vous permettre de faire défiler pour voir le contenu caché.

Usage

• 
  
  
  
  

  Le overflow: hidden propriété vous permet de concevoir flottante blocs div sans le contenu du bloc chevauchant d'autres blocs ou des structures du site. Cela permet aux développeurs d'ajouter du contenu dans le bloc, tels que du texte ou des mots-clés supplémentaires, visant à les moteurs de recherche ou d'autres applications en ligne, plutôt que de visiteurs. Il vous permet également de placer des compteurs cachés, trackers de sites ou applications sur votre page sans les rendre visibles pour les lecteurs du site.

Dépannage

• Si le overflow: hidden propriété ne fonctionne pas correctement, veiller à ce que tous les éléments de votre code HTML sont corrects. Voir la page dans différents navigateurs à déterminer si le problème est lié au navigateur. Bien overflow: hidden est soutenu par tous les principaux navigateurs, certains navigateurs, comme Internet Explorer, ont des problèmes d'affichage du code lorsque la position de la teneur est absolue. Cela provoque le contenu de débordement pour afficher en dehors de la boîte et d'ignorer la propriété caché.

Solution

• Si le problème persiste, même lorsque vous tentez de le voir dans les différents navigateurs, cela indique un problème avec votre code HTML et le codage CSS. Le code approprié pour cette propriété est "débordement caché-" sans espaces entre le colon et les mots. Si la question affiche uniquement dans certains navigateurs, ajouter le "Position: relative-" la ligne de bloc de codage. La propriété par rapport à ce code permettra au site de reconnaître la propriété cachée et cacher le contenu supplémentaire comme il se doit.