nix: Frage zum Wiki-Artikel „Grid-Items“

Beitrag lesen

problematische Seite

Nanu? Hatte ich da nicht schon geantwortet? Egal: so lange es um ein Grid oder Flex geht: ja: aber nicht, wenn davon welche nebeneinander erscheinen. Ungefähr so:

body, article { display: grid; … }
aside { display: flex; … }
section { display: grid; … }
…
<body>
  …
  <article> … </article>
  <aside>
    …
    <section> … </section>
    … 
  </aside>
  …
</body>

Die stapeln ihre Inhalte und treten gegeneinander auf die Füße. Elemente, die „ins Feindliche Gebiet“ geraten, aus ihrem Heimatbereich ausbrechen, liegen dann eben auch mit größerem z-index schnell hinter anderen. Sogar solchen, die z. B. z-index: -100; im Banner führen.