2016-05-10 13 views
1

Nach MDN und this blog, wenn Z-Index nicht verwendet wird, sollten positionierte Elemente immer über die Float-Elemente stapeln, wenn sie sich überlappen. Das Beispiel in der MDN-Verknüpfung rechtfertigt das jedoch nicht. Woher?float und positionierte Element Stapelreihenfolge

+0

beide Link gehen zur selben URL..daher warum benutzen Sie zweimal ?? –

+0

@Leothelion, wahrscheinlich ein Fehler ??? – Chris

+0

gut, wenn sein Fehler dann, wie wir vergleichen werden? –

Antwort

1

Die Antwort ist in dem Link zu finden: Die Stapelreihenfolge ist -

  1. Hintergrund und Grenzen des Wurzelelementes
  2. Nachkomme Blöcke im normalen Fluss, in der Reihenfolge ihres Auftretens (in HTML)

Da diese Stapelreihenfolge, bevor eine der anderen, es Priorität - so 1 DIV # hinter anderen schwebenden & positioniert DIVs sein wird, ignori ng normale DIVs.

+0

DIV # 4 ist nach DIV # 1 definiert. DIV # 1 ist jedoch über DIV # 4 gestapelt. DIV # 4 ist jedoch nicht positioniert. Bedeutet dies, dass, wenn kein Z-Index verwendet wird, floated und positioniertes Element immer über die nicht positionierten Elemente stapeln, unabhängig von der Reihenfolge der Darstellung in HTML? Aber das positionierte und floated Elementstapel in der Reihenfolge der Darstellung in HTML. – quantdaddy

+0

Da es nicht positioniert ist, ignoriert es die oben genannten Regeln. Wenn es positioniert oder schwebend ist, folgt es den obigen Regeln. –

Verwandte Themen