Ich arbeite auf einer größenveränderbaren Seite mit einem Sidemenu auf der rechten Seite, und es funktioniert fast wie in diesem einfachen Beispiel angenommen:
Das Problem ist jedoch, dass Position Auto und Min-Width nicht wie erwartet reagieren. Wenn Sie das Browserfenster kleiner als 500 Pixel ziehen (da die Mindestbreite eingestellt ist), wird das rote Seitenmenü über den grünen Inhalt fortgesetzt.
Wie mache ich die Seitenleiste zu stoppen, wenn es die minimale Breite, FX 500px erreicht?
Das absolut positionierte div sollte innerhalb des min width div liegen, das eine relative Position haben sollte
Bearbeiten, bessere Erklärung:
Für die Seitenleiste: Fügen Sie top: 0 zur roten Seitenleiste hinzu und platzieren Sie sie im Container min-width .
Für den Container: Ersetzen Sie die Eigenschaft margin-right durch padding-right und fügen Sie position:relative