Ich habe eine Seite mit der folgenden HTML-Struktur ...
%Vor% .wrapper wird aus Gründen, auf die ich nicht eingehen werde, auf min-width: 1100px gesetzt. Daher, wenn der Browser auf weniger als 1100px skaliert wird, möchte ich eine horizontale Bildlaufleiste erscheinen.
Mein CSS ist wie folgt:
%Vor%Aus irgendeinem Grund ist die einzige horizontale Bildlaufleiste eine, wenn Sie vertikal bis zum unteren Rand der Seite geblättert haben, und sie erscheint gewissermaßen "innerhalb" des Hauptbrowserrahmens oberhalb des horizontalen Bildlaufbereichs des Hauptbrowsers. Ich möchte, dass die horizontale Hauptlaufleiste des Fensters verfügbar ist.
Hier ist ein Diagramm meines Problems: Ссылка
Und ein Codepen: Ссылка
Vielen Dank im Voraus für jede Hilfe!
Weil Ihr Dokument ( body ) nicht auf die volle Höhe des Darstellungsbereichs gestreckt wird ( html ), müssen Sie height:100vh zuweisen, entfernen Sie auch Ihre Überlaufeinstellungen, so dass Sie keine 2 Bildlaufleisten (eine auf body eins auf html ).
Ändern Sie einfach Ihr CSS zu:
%Vor%Tags und Links css scrollbar overflow horizontal-scrolling
