CSS de base substitution de la overflow: hidden; propriété

J'ai le code CSS suivant la classe de charge à travers l'ensemble de mon site:

html, body {
  //no scrollbars before iframe resize
  overflow: hidden;
}

Comment puis-je remplacer ce, afin que le trop-plein est visible sur une page html?

OriginalL'auteur JZ. | 2011-08-25

  1. 2
    html, body {
    overflow: auto !important;
}

    "!important" permettra de faire remplacer juste au sujet de toute autre déclaration.

    OriginalL'auteur Christian

  2. 4

    Pour les pages que vous ne voulez pas de débordement de caché, de donner corps à un code spécifique, comme #nothidden. Ensuite, utilisez CSS qui vérifie

    body {
    overflow: hidden;
}
body#nothidden {
    overflow: auto;
}

    L'id est tellement plus précis il remplacera le premier (mais seulement lorsqu'il s'applique, bien sûr).

    P. S. je ne pense pas que vous devriez avoir besoin de mettre overflow:hidden sur l'élément html. Est-ce que même faire quelque chose? Avez-vous essayé sans "html" et un seul "corps"?

    J'aimerais profiter de cette approche. Essayez de ne pas ajouter !important à votre css, sauf si absolument nécessaire(plus facile à dire qu'pratique, bien que). Ici, puisque vous avez body#nothidden qui est plus spécifique que juste body ou #hidden, le !important n'est pas nécessaire, et vous économiserez de vous-même le mal de tête à essayer de trouver une règle CSS qui ne veut tout simplement pas être remplacée.

    OriginalL'auteur Robert Martin

  3. 0

    Vous devez utiliser !imporant pour cela:

    html, body {
  //no scrollbars before iframe resize
  overflow: scroll !important;
}

    Ou vous pourriez donner à l'organisme une id:

    body#somePage{
  overflow:scroll;
}
    Je crois aussi que css prend la priorité sur le fichier. Alors, sur cette page il pourrait utiliser en ligne pour modifier le dépassement de capacité pour le corps.

    OriginalL'auteur Sgoettschkes