Les partenaires publicitaires:

Comment cacher un div de débordement

Connaissance des CSS (Cascading Style Sheets) donne le concepteur du site presque pouvoir magique sur le format du contenu de la page Web. Un concepteur homme CSS peut même rendre le texte et autres contenus semblent disparaître.


La DIV propriété CSS (page Web de la division), vous permet de diviser votre contenu en blocs discrets. Chaque bloc peut ensuite être formaté et style. La conception d'une page Web dicte souvent que des blocs de contenu insérer dans les fentes prédéterminées d'une hauteur et une largeur spécifique. Parfois, la quantité de contenu dans un bloc est supérieur à l'espace alloué à lui. Lorsque cela se produit, le contenu excédentaire sera "écrasé" et couvrir le contenu en dessous. La page Web visiteur verra un fouillis avec un contenu couvrant autre contenu. La propriété CSS «débordement» fournit un moyen d'empêcher que cela se produise.

Choses que vous devez

  • Logiciel d'édition HTML
  • navigateur Web

Instructions

    • 1



      Ouvrez votre application d'édition HTML. Chargez la page Web contenant la DIV que vous souhaitez modifier. Si vous utilisez un WYSIWYG (What You See Is What You Get) éditeur, changer le mode HTML ou source de sorte que vous pouvez voir et éditer le code HTML réel.

    • 2

      Sélectionnez la DIV vous souhaitez appliquer le «débordement» de la propriété. La hauteur de la DIV doit être fixée à une hauteur spécifique en utilisant la propriété CSS, «hauteur». Par exemple, si vous voulez que votre DIV pour être 200 pixels de haut, ajouter ce style CSS: "

      ."

    • 3


      Ajoutez la valeur suivante à la propriété de style DIV: "overflow: hidden-". Le CSS DIV propriété «overflow" vous permet de contrôler la quantité de contenu affiché et éviter les contenus "écrasé". La propriété «overflow" a plusieurs valeurs pour le concepteur à choisir: visible, caché, défilement, automobiles et d'hériter. Le "débordement" valeur de la propriété coupes "cachés" désactiver l'affichage du contenu à la hauteur de la DIV prédéterminée. Par exemple si votre DIV a une largeur de 400 pixels et une hauteur de 200 pixels de votre DIV serait: "

      ."

    • 4

      Enregistrez le fichier. Testez votre conception. Ouvrez votre navigateur Web et de charger la page Web que vous avez travaillé sur. Tout contenu qui ne rentre pas dans la limite de 200 pixels vous définissez sera tronquée ou caché de la vue. Le contenu de plus de fluide est toujours là, mais la page Web visiteur ne sera pas le voir. Réglez la hauteur de la DIV jusqu'à ce que vous pouvez afficher la plus grande quantité de contenu dans l'espace de votre conception de page permet.

Conseils Avertissements

  • Une autre propriété de "débordement" ajoute des barres de défilement à votre DIV. Ajout de "overflow: scroll" à votre contenu DIV permet au visiteur d'utiliser les barres de défilement pour voir tout le contenu.
» » » » Comment cacher un div de débordement