Comment cacher un div de débordement

<

Contenu

  • Conseils & avertissements
  • article data-type="article">

    Connaissance des CSS (Cascading Style Sheets) donne le concepteur de sites Web presque pouvoir magique sur le format du contenu de la page Web. Un concepteur homme CSS peut même rendre le texte et d`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 de style. La conception d`une page Web dicte souvent que des blocs de contenu entrent 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 qui lui est alloué. Lorsque cela se produit, le contenu en excès sera "écraser" et couvrir le contenu en dessous. La page Web visiteur verra un désordre brouillé avec un contenu couvrant d`autres contenus. La propriété CSS "débordement" fournit un moyen pour empêcher que cela se produise.

    Choses que vous devez

    • logiciel d`édition HTML
    • Navigateur Web



    • 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.

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

      ."

    • Ajoutez la valeur suivante à la propriété de style DIV: "débordement caché-". La propriété CSS DIV "débordement" vous permet de contrôler la quantité de contenu affiché et éviter le contenu "écraser." La propriété "débordement" a plusieurs valeurs pour le concepteur à choisir: visible, caché, défilement, auto et d`hériter. le "débordement" valeur de la propriété "caché" coupe désactiver l`affichage du contenu à la hauteur de 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: "

      ."

    • Enregistrez le fichier. Testez votre conception. Ouvrez votre navigateur Web et charger la page Web vous avez travaillé. Tout contenu qui ne correspond pas à l`intérieur de la limite de 200 pixels vous définissez sera tronquée ou caché de la vue. La teneur en plus 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. Ajouter "overflow: scroll" à votre contenu DIV permet au visiteur d`utiliser les barres de défilement pour voir tout le contenu.

    AUTRES

    » » » » Comment cacher un div de débordement