Les partenaires publicitaires:

Overflow: hidden ne travaillez pas avec HTML5 en CSS

Hypertext Markup Language, ou HTML, et Cascading Style Sheets ou CSS, sont les deux langues utilisées par les concepteurs de sites Web pour créer des sites Web attrayants et fonctionnels. Le code HTML définit les sections physiques et de contenu au sein d'un site, tels que textes, des liens et des blocs div. La CSS définit les propriétés de style et de mise en page pour le contenu du site, telles que la couleur de lien, style de texte et la position contenu. La "débordement caché" propriété définit la façon dont un bloc spécifique de contenu affiche sur votre site web.

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.

» » » » Overflow: hidden ne travaillez pas avec HTML5 en CSS