fietur: <details> viewportabhängig öffnen oder schließen

Beitrag lesen

Hallo,

ich habe Probleme mit der Festlegung der Breite einzelner Container in einem Grid, in denen sich teilweise <details> mit ihrem <summary> befinden, die die Breite ihrer Container aber nicht alle ausfüllen. Ober- und Untergrenze der (flexiblen) Breite lassen sich zwar angeben, aber wie notiere ich die width im CSS so, dass die betroffenen Container ihren Platz auch dann ausfüllen, wenn der Inhalt von <details> und <summary> nicht breit genug sind?

Ich suche eine Lösung ohne Javascript, die das HTML nach Möglichkeit unangetastet lässt.