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
Antwort
Die Antwort ist in dem Link zu finden: Die Stapelreihenfolge ist -
- Hintergrund und Grenzen des Wurzelelementes
- 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.
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
Da es nicht positioniert ist, ignoriert es die oben genannten Regeln. Wenn es positioniert oder schwebend ist, folgt es den obigen Regeln. –
- 1. :: vor Pseudo-Element Stapelreihenfolge Ausgabe
- 2. Absolut positionierte Elemente in einem Float
- 3. CSS: schweben Innerhalb einer ‚absoluten‘ positionierte Element
- 4. Absolute positionierte Element nicht über andere absolute positionierte Elemente in Groß IOS
- 5. Float-Eigenschaft für Inline-Element
- 6. Stapelreihenfolge in Bootstrap 3 umkehren?
- 7. Positionierte gedrehte div-Elemente
- 8. Verständnis klar und float
- 9. So erstellen Sie eine relativ positionierte Fußzeile
- 10. Flexbox überlappende absolut positionierte Kinder
- 11. Warum ignoriert das absolut positionierte Element seine Geschwisterposition nicht und erscheint danach?
- 12. CSS Float ein Element neben einem zentrierten Element
- 13. HTML/CSS: Zentrieren nach Float-Element
- 14. CSS - auto breite floated element (erweiterbar float)
- 15. Haskell int float und char float
- 16. Höhe Extend absolut positionierte Kinder
- 17. Warum sind positionierte Divs überlappend?
- 18. Absolute positionierte ul stratch Elternteil div
- 19. Überlaufelement ohne absolut positionierte Elemente darin zu schneiden
- 20. Float und Block Level-Elemente
- 21. Float unten und oben
- 22. Relativ positionierte Elemente innerhalb absolut. Probleme in IE
- 23. Bildlaufleiste in modalen Overlay und absolut positionierte Elemente
- 24. Tabellenzellen mit Überlauf: versteckte und absolut positionierte Elemente
- 25. Wie setze man float für jedes Element innerhalb eines div auf einmal ohne spezifizierenden Float für jedes Element im Inneren?
- 26. Javascript Float + Float = String?
- 27. Sind float array, float [] und double [] verschieden oder gleich?
- 28. Objective C const float * und Float-Tupel-Konvertierung nach Swift
- 29. Was ist der Unterschied zwischen Float und Float in Java?
- 30. CSS und die Float-Eigenschaft
beide Link gehen zur selben URL..daher warum benutzen Sie zweimal ?? –
@Leothelion, wahrscheinlich ein Fehler ??? – Chris
gut, wenn sein Fehler dann, wie wir vergleichen werden? –