bir altbilgiyi biçimlendirmenin bir yoludur, bu nedenle bir içerik olduğunda (tarayıcının yüksekliğinden daha fazla) sayfanın altında (gizli), ancak varsa Tarayıcının alt kenarında yeterli içerik yok mu?CSS - altbilginin nasıl biçimlendirileceği
bir çözüm altbilginizde bilinen bir yüksekliğe gerektirir.
kemanlar:
İşteHTML var:
<main>
hello
</main>
<footer>
i am the footer
</footer>
Ve burada 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;
}
Numara, belgenizin ana bölümünü% 100 min-height olmasını sağlamaktır. Bu öğe, sayfanızdaki diğer her şeyi içermelidir. Örneğimde bunun için main öğesini kullandım.
Ardından, bu öğeye altbilginin yüksekliğine eşit bir negatif kenar boşluğu verin. Bu, alt kısımda altbilgi için yer bırakmak için yeterli olur.
Bulmacanın son parçası, after öğesidir. Bu, negatif marjın boşluğunu doldurmak için gereklidir. Aksi takdirde, main'un içeriği altbilgiye taşacaktır.
Sadece bunu okumayı önerebilirim. Kullandığım
Show footer if at bottom of page or page is short else hide
Sadece sayfanın altına koyun ve 'min-height'unu kullanın. Altbilgi sonrasında hiçbir şey olmadığı sürece, sayfanın geri kalanını alacaktır. –
bunu okuyun: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page sonra jquery yol noktaları – Sualkcin