Ich habe ein Element (2 Anker nebeneinander) innerhalb der div (erstreckt sich über 1150px, so dass Sie nach unten scrollen müssen, um alle Inhalte dieses div zu sehen). Diese Anker sind Position: am oberen Ende dieses Divs fixiert, so dass Sie den Div-Anker nach unten scrollen können. Mein Problem ist, wenn Sie die Breite des Browserfensters verkleinern, möchte ich, dass der zweite Anker unterhalb des ersten geht, da der Speicherplatz leer ist. Bis das Browserfenster jedoch die Anker erreicht, findet kein Wrapping statt, so dass div kleiner wird und zwei Anker überlappen einander.
Wenn ich die Position entferne, verkleinere ich den Browser, während die Breite des Bereichs kleiner wird. Ein Anker wird wie erwartet unter den anderen gelegt. Ich vermute also, ich brauche nur die y-Achse, aber nicht die x-Achse.
Das position-Attribut gilt für das Element als Ganzes. Was Sie wirklich fragen, ist für eine neue Art von Positionsattribut.
Sie können die feste Positionierung auf ein Element anwenden, das Ihre zwei Anker enthält. Wenn Ihre Anker auf float gesetzt sind, werden sie umgebrochen, wenn sie Folgendes benötigen:
%Vor%Eine ähnliche Frage zu fixed-y / scrollable-x war die Thema einer früheren Diskussion deren Schlussfolgerung war, dass Sie JavaScript benötigen, um es zu tun, wie andere gesagt haben.
Der allgemeine Ansatz in dieser Antwort war, alle zehn Sekunden zu schauen, um zu sehen, ob die Elemente bewegt werden sollten, und sie dann zu verschieben.
Sieht so aus, als könnte dies ein mögliches Duplikat von diese Frage sein .
Kurz gesagt, Sie können dies nicht mit reinem CSS tun. Sie benötigen JavaScript. Ich empfehle jQuery .