Hallo,
ich sitze hier seit einigen Tagen mit einem Problem.
Vielleicht könnt ihr mir ja helfen.
Ich möchte im aside eine Menüliste ausgeben.
Wird der Text zu lang, soll der überstehende Teil des Textes versteckt werden. Mit der Scrollbar kann ich mir den versteckten Text dennoch anschauen.
Code
aside {
width: 15rem;
overflow-x: scroll;
}
aside span {
display: block;
}
aside span:nth-child(odd) {
background-color: rgb(255, 0, 0);
}
aside span:nth-child(even) {
background-color: rgb(0, 255, 0);
}
<span>Menüpunkt1</span>
<span>Menüpunkt2</span>
<span>Menüpunkt3miteinemsehrlangenTextderüberstehensollundmitderScrollbarangeschautwerdenkann</span>
<span>Menüpunkt4</span>
Problem:
Der Listenhintergrund wächst nicht mit. Sobald ich die Scrollbar betätige, wird der Hintergrund von aside sichtbar, der Listenhintergrund hört aber auf (siehe Anhang). Hat vielleicht jemand einen Tipp?
Alles anzeigen