Overflow:hidden messing mit Margen in Chrome und Safari

Habe ich einige divs für mein layout, ein Haupt-div und ein Menü mit div.

Sie perfekt Aussehen in Firefox, aber aus irgendeinem Grund, Chrome und Safari Durcheinander kommen.

Aus irgendeinem Grund die Breite des div wird kleiner, wenn overflow:hidden; ist Hinzugefügt, um die CSS. Ich brauche overflow:hidden; obwohl, da habe ich andere Schwimmer innerhalb der main-div. Sehen Sie hier das Beispiel:

http://jsfiddle.net/kR7rs/2/

Zeigt es sich Prima im Firefox, aber in Safari und Chrome, da ist ein Rand auf der rechten Seite der div auch.

InformationsquelleAutor Rob | 2011-08-08
  1. 3

    Entfernen der Marge von main scheint es fix:

    http://jsfiddle.net/kR7rs/3/

    Was ich denke, dass es passiert ist, dass, wenn overflow:hidden gesetzt ist, wird das gesamte element umfließt den Schwimmern, die statt der text innerhalb der div. So das Ergebnis wird in der Geige. Dann, wenn Sie einen Rand auf es auch, die Breite verringert sich weiter durch das padding auf der linken Seite.

    Art scheint wie ein bug.

    (Nicht FF jetzt zu testen und sehen, ob es bricht es für die FF.)

    • Also overflow:hidden im Grunde macht ein block-element squeeze so breit, wie er kann, ohne überfüllt zu jeder schwimmt auf der gleichen Linie? Deine Lösung scheint zu funktionieren.. es scheint so seltsam für ein div-Element auf der gleichen Linie wie ein Schwimmer ohne Rand
    • Ich glaube nicht, dass ich erkannte, dass das tun würden, aber es scheint der Fall zu sein.
    InformationsquelleAutor James Montagne
  2. 0

    Bewegen overflow:hidden zu #wrapper. Das behebt es, aber nicht erklären, warum.

    • Ich möchte sicherstellen, dass mein main-div umschließt die Schwimmer drin, obwohl. Das ist der Grund, warum ich die overflow:hidden dort
    InformationsquelleAutor Diodeus - James MacFarlane
Schreibe einen Kommentar