Redundante CSS-Regeln, z. B. float & display: block

8

Ich habe gerade herausgefunden, dass das Floaten eines Elements es auch zu einem Block machen wird, weshalb eine float -Eigenschaft angegeben wird und display: block redundant ist.

(Was passiert, wenn Sie versuchen, display: inline und float: left anzugeben?)

Gibt es weitere Beispiele für redundante Kombinationen, auf die Sie achten sollten? Block & amp; Breite ? usw.,

Gibt es ein Werkzeug, das nach solchen Dingen suchen kann?

    
hooleyhoop 16.06.2011, 12:44
quelle

2 Antworten

16
  

Ich habe gerade herausgefunden, dass das schwimmt   Element wird es auch zu einem Block machen,   Daher wird eine Eigenschaft float angegeben   und display:block ist redundant.

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

  

(Was würde passieren, wenn Sie es versuchen würden?)   Anzeige angeben: Inline und Float: links?   )

display: inline macht keinen Unterschied, weil float: left forces display: block "egal was":

setzt

Ссылка

  

Andernfalls, wenn 'float' einen Wert hat   außer "none" ist die Box schwebend   und 'display' wird entsprechend eingestellt   Tabelle unten.

Um die Tabelle zusammenzufassen: float = display: block .

Allerdings ist Ihr spezifisches Beispiel für float: left; display: inline in einer Hinsicht nützlich - Es behebt einen IE6-Fehler.

  

Gibt es noch andere Beispiele?   redundante Kombinationen, die es zu beachten gilt   zum? Block & amp; Breite ? usw.,

Einige Beispiele:

  • Wenn Sie position: absolute setzen, wird float: none erzwungen.
  • Die Eigenschaften top , right , bottom , left haben keine Auswirkungen, es sei denn, position wurde auf einen anderen Wert als den Standardwert static gesetzt.
  

Gibt es ein Tool, nach dem Sie suchen können?   solche Dinge?

Ich denke nicht so. Es ist nicht etwas, das jemals gebraucht wird, also kann ich nicht verstehen, warum irgendjemand solch ein Werkzeug geschrieben hätte.

    
thirtydot 16.06.2011, 14:32
quelle
1

Aus meiner Erfahrung hat IE6 Probleme mit float: links. Aus Gründen der Kompatibilität wird display: inline mit Fließkomma-Anweisungen hinzugefügt.

    
Candide 16.06.2011 12:47
quelle

Tags und Links