[computerfreak]

Hallo

ich habe bisher noch nicht so viel mit CSS gemacht. Ich versuche gerade eine breadcrumb daran zu hindern, das sie beim Scrollen aus dem Blickfeld verschwindet. Sie soll immer oben am Rand stehen. Darunter soll ein Div, das den Content anzeigt

---------------
| breadcrumb |
---------------
---------------
|
| Content

Jetzt ist mein Problem, das die Breadcrumb manchmal 2zeilig wird und dann das div vom Content mit reinrutscht. Ich würde daher gerne den Content-div relativ zur Breadcrumb setzen. Ich hoffe ihr versteht was ich meine

 .breadcrumbs {
        position: fixed;
        top: 150px;
        z-index: 999;
        margin: 2 auto;
        font-size: 10px;
        width: 90%;
    }


    .mobilecontent {
        overflow: scroll;        
        height: 80vh;
        position: relative;
    }

Aber das klappt nicht so richtig

[cloned]

Das wird so nicht funktionieren, wenn du ein Element fix plazierst kannst du keine Elemente relativ dazu platzieren.
Du kannst zB verhindern dass die breadcrumbs zweizeilig werden.
Eventuell bringt dir die Verwendung von https://css-tricks.com/position-sticky-2/ position:sticky das gewünschte Resultat.

[computerfreak]

Danke das funktioniert