gibt es eine Möglichkeit, eine Fußzeile zu stylen, so wenn es einen Inhalt (mehr als die Höhe des Browsers) ist es am unteren Rand der Seite (versteckt), aber wenn es ist nicht genug Inhalt wird es am unteren Rand des Browsers bleiben?CSS - wie man eine Fußzeile style
Eine Lösung, die ich verwenden, erfordert eine bekannte Höhe Ihrer Fußzeile.
Geigen:
Hier ist der HTML:
<main>
hello
</main>
<footer>
i am the footer
</footer>
Und hier ist der CSS:
html, body {
height: 100%;
}
main {
min-height: 100%;
margin-bottom: -100px;
background: #ddd;
}
main:after {
content: "";
display: block;
height: 100px;
}
footer {
height: 100px;
background: #eee;
}
Der Trick besteht darin, den Hauptteil Ihres Dokuments auf min-height von 100% zu setzen. Dieses Element muss alles Weitere auf Ihrer Seite enthalten. In meinem Beispiel habe ich das Element main dafür verwendet.
Als nächstes geben Sie diesem Element einen negativen Rand, der der Höhe der Fußzeile entspricht. Dies bewegt es gerade genug, um Platz für die Fußzeile dort unten zu lassen. Das letzte Stück des Puzzles ist das after Element. Dies ist erforderlich, um den Platz dieses negativen Randes zu füllen. Andernfalls wird der Inhalt der main in die Fußzeile überlaufen.
Ich kann nur empfehlen, dies zu lesen.
Show footer if at bottom of page or page is short else hide
Legen Sie es am unteren Rand der Seite und verwenden Sie "min-Höhe". Solange es nichts nach dem Fuß gibt, wird es den Rest der Seite aufnehmen. –
lesen Sie dies: http://matthewjamestablor.com/blog/keeping-footers-at-the-bottom-of-the-page dann in jquery Wegpunkte – Sualkcin