Die Einfachheit von CSS liegt in seiner einfachen Erlernbarkeit; die Schwierigkeit von CSS liegt darin, bessere Lösungen zu finden. In der Welt von CSS scheint es so etwas wie Perfektion nicht zu geben. Daher ist das jetzt eingeführte CSS das absolute Tief und einfach die perfekteste Lösung unter den Lösungen, die ich bisher gesehen habe.
Lassen Sie uns zunächst darüber sprechen, warum wir diese CSS-Lösung für das untere Layout verwenden:
Wenn beim Erstellen einer Seite der Seiteninhalt sehr klein ist und nicht ausreicht, um den Fensterbereich eines Bildschirms auszufüllen, sieht er gemäß dem normalen Layout wie im Bild unten aus (dh der untere Inhalt wird nicht angezeigt). am unteren Rand des Fensters, lässt jedoch viel Leerzeichen.
Für einen Designer, der nach Unvollkommenheit sucht, ist das unansehnlich. Es gibt einige Lösungen im Internet, aber wenn man die Höhe des Fensters ändert, überlappen sich der untere und der Haupttext. FEHLER. Obwohl sich nicht viele Menschen die Mühe machen würden, die Fensterhöhe zu ändern, kommt es beim Design vor allem auf Perfektion an.
Hier ist eine relativ perfekte Methode, die ich gefunden habe und die von einem ausländischen Designexperten mit reinem CSS erreicht werden kann: Wenn der Textinhalt klein ist, befindet sich der Boden am unteren Rand des Fensters. Beim Ändern der Fensterhöhe treten keine Überlappungsprobleme auf.
Sogar die Person, die dieses CSS erstellt hat, hat eine Website eingerichtet, um diese CSS-Lösung für das untere Layout vorzustellen. Ich weiß nicht, ob er ein Patent angemeldet hat :)
HTML-Code:
Hinweis: Voraussetzung für die Verwendung dieses Layouts ist, dass sich die Fußzeile außerhalb des allgemeinen Div-Containers befindet. Die Fußzeile verwendet eine Ebene und alle anderen Inhalte verwenden eine allgemeine Ebene. Wenn Sie wirklich weitere Geschwisterebenen hinzufügen müssen, muss diese Geschwisterebene position:absolute für die absolute Positionierung verwenden.