Redundante CSS-Regeln, die ie-float & display:block

Ich fand gerade heraus, dass floating ein element wird es auch einen block, daher die Angabe einer Eigenschaft float und display:block redundant ist.

(Was würde passieren, wenn Sie versuchten, die angeben, display:inline und float:left? )

Gibt es andere Beispiele für redundante Kombinationen zu achten? block & Breite ? etc,

Gibt es ein tool, können für solche Dinge?

  • Ich weiß nicht, was du meinst "redundant Anfrage für "sonstige Beispiele" und "ein Werkzeug, um zu überprüfen, für solche Dinge'"
  • Ich denke, Sie mis-Lesen Sie die Frage > gegeben "float:left; display:block;" das "display:block" ist redundant, nicht wahr? Ich fragte mich, welche anderen Kombinationen könnte überflüssig sein. "display: roflcopter; float: top" ist Ihre beste Beispiel?
  • Ich werde schreiben, eine bessere Antwort zu ersetzen, die Kommentare, die ich bin, zu entfernen.
  • Aus developer.mozilla.org/en-US/docs/Web/CSS/float - "Wie schweben" impliziert die Verwendung des block-layout, es ändert sich der berechnete Wert der display-Werte in einigen Fällen:"
InformationsquelleAutor hooleyhoop | 2011-06-16
  1. 17

    Ich fand gerade heraus, dass floating ein
    element wird es auch einen block,
    daher die Angabe einer float Eigenschaft
    und display:block redundant ist.

    Ja, display: block ist redundant, wenn Sie angegeben haben float: left (oder right).

    (Was passieren würde, wenn Sie versuchte,
    angeben, display:inline und float:left?
    )

    display: inline wird keinen Unterschied machen, da die Einstellung float: left Kräfte display: block "egal was":

    http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

    Ansonsten, wenn 'float' einen Wert hat
    anderes als 'none' ist, wird der Kasten schwebte
    und 'anzeigen' eingestellt ist, entsprechend der
    Tabelle unten.

    Zusammenfassend gesagt-Tabelle: float = display: block.

    Jedoch Ihre spezifischen Beispiel von float: left; display: inline ist nützlich in einer Weise - es behebt ein IE6-bug.

    Gibt es andere Beispiele
    redundante Kombinationen zu achten
    für? block & Breite ? etc,

    Einige Beispiele:

    • Wenn Sie position: absolute, dann float: none gezwungen ist.
    • Die top, right, bottom, left Eigenschaften nicht haben keine Wirkung, es sei denn position wurde ein anderer Wert als der Standardwert von static.

    Gibt es ein tool, dass können überprüfen für
    solche Dinge?

    Ich nicht denke so. Es ist nicht etwas, das jemals benötigt, so kann ich nicht sehen, warum jemand würde geschrieben haben so ein tool.

    • Danke für die Beispiele, genau das, was ich suchte. Nur als Beispiel, ein quick-look-thru-Stack-Overflow css zeigt viele Klassen, die angeben, float:left und display:block - denken Sie nicht, dass es ist gute Praxis, um unnötige Zeug aus css-Dateien und ein tool für diese hilfreich sein könnten?
    • Es ist nicht wirklich ein problem per se, weil die CSS-Dateien sind oft Hunderte, wenn nicht Tausende von Zeilen lang, und entfernen Sie eine einzelne Eigenschaft ist nicht zu keine spürbaren Unterschied. Aber ja, ich würde Zustimmen, dass es gute Praxis, es zu verlassen, weil es unnötig ist. Nachdem alle, "Perfektion ist erreicht, wenn es nichts mehr zu nehmen".
    InformationsquelleAutor thirtydot
  2. 1

    Aus meiner Erfahrung IE6 hat Probleme mit float:left. Für die Kompatibilität, display:inline Hinzugefügt wird, mit schwebenden Aussagen.

    InformationsquelleAutor Candide
Schreibe einen Kommentar