Wenn ich margin-bottom ist CSS verwenden, variieren die Ergebnisse zwischen den Browsern (esp schöne IE), was die CSS-Eigenschaft "Margin" hat, welche anderen Regeln muss ich überprüfen habe implementiert, bevor ich ein konsistentes Ergebnis über alle Browser sehen kann ...margin-bottom ein bisschen ein Cross-Browser-Graubereich
Einige Browser (IE) reduzieren die Ränder. Es betrifft nicht nur den unteren Rand, sondern auch den oberen Rand.
Wenn Sie zwei gestapelte Elemente haben, beide mit einem Abstand von margin: 10px 0 15px;, könnten Sie denken, dass zwischen den beiden 25px Platz wären. Der IE bricht jedoch die Ränder zusammen, so dass nur noch der größte Rand übrig bleibt (im Beispiel oben 15px).
Um sicherzustellen, dass Browser die Dinge konsistent anzeigen, ist ein guter Ausgangspunkt ein gutes Reset-Stylesheet (z. B. Eric Meyer oder YUI).
alle Browser sollen die Ränder reduzieren. Es ist in der CSS-Spezifikation definiert. – zzzzBov
Ich würde Dinge wie "ie Box Modell Bugs" nachschlagen, um einige der Macken zu verstehen. In den meisten Fällen, wenn Sie unterschiedliche Ränder sehen, kann es sein, dass das Element auch etwas Padding hat, das anders interpretiert wird.
Aber wenn Sie mehr Details liefern können, können wir mehr ausarbeiten!
Was ist Ihre Frage? Geht es um CSS-Browser-Kompatibilität? Sehen Sie sich diese Referenz von quirksmode an: http://www.quirksmode.org/css/contents.html –
Wenn Sie IE-Kompatibilität wollen, sollten Sie wirklich jedes einzelne Ding überprüfen .. –