Ist nachfolgendes layout realisierbar
bearbeitet von Rolf BHallo Matthias,
das hatte ich im Hinterkopf für ausgeschlossen zu halten. Zumindest bei Flexbox war es meiner Erinnerung nach so, dass die Pseudoelemente keine Flexitems sind. Aber das kann auch eine kaputte Erinnerung sein.
Damit kann man die Überlapperei auf das ::before-Element beschränken, top! Passend zu meinem Beispiel unten:
~~~css
body::before {
content: " ";
grid-area: cont-start / cont / main-end; /* row-start, column, row-end */
background-color: #fed;
border-radius: calc(var(--main-left) * 3) 0 0 0;
}
~~~
_Rolf_
--
sumpsi - posui - obstruxi