Grundlegende CSS überschreiben der overflow: hidden; Eigentum

Habe ich folgende CSS-Klasse Last über alle meine Website:

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

Wie kann ich dies überschreiben, so dass die überlauf-sichtbare auf eine bestimmte html-Seite?

InformationsquelleAutor JZ. | 2011-08-25

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

    "!wichtig ist," wird es überschreiben, so gut wie jede andere Erklärung.

    InformationsquelleAutor Christian

  2. 4

    Für die Seiten, die Sie nicht wollen, dass der overflow hidden ist, würde der Körper eine bestimmte id, z.B. #nothidden. Dann CSS verwenden, der überprüft, ob es

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

    Id spezifischer ist, so überschreibt er das erste (aber nur, wenn es gilt, natürlich).

    P. S. ich glaube nicht, sollten Sie benötigen, um overflow:hidden auf das html-element. Nicht, dass noch etwas zu tun? Haben Sie versucht, es ohne "html" und "body"?

    Ich würde dieses Ansatzes. Versuchen Sie nicht, fügen Sie !important bei css, es sei denn absolut notwendig(leichter gesagt als in der Praxis allerdings). Hier, da hast du body#nothidden die spezifischer ist als nur body oder #hidden, die !important ist nicht erforderlich, und Sie sparen Sie sich die Kopfschmerzen zu versuchen, zu finden, dass eine CSS-Regel, die einfach nicht wollen, außer Kraft gesetzt werden.

    InformationsquelleAutor Robert Martin

  3. 0

    Sollten Sie nutzen !imporant:

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

    Oder könnten Sie geben dem Körper eine id:

    body#somePage{
  overflow:scroll;
}
    Ich glaube auch, dass inline-css Vorrang vor der Datei. Also auf dieser Seite könnte er auf inline ändern der überlauf für den Körper.

    InformationsquelleAutor Sgoettschkes

Schreibe einen Kommentar