Çubuk Altbilgi alt ı <a href="http://codepen.io/anon/pen/EKmXMR" rel="nofollow">http://codepen.io/anon/pen/EKmXMR</a></p> <p>burada altbilgi var ve içeriğin yeterli olmadığında sayfanın en altındaki sopa hoşuna ve içerikte eğer 100'den fazla% alacağını içerik

Question

bağlı olarak Ekranın yüksekliğini, içeriğin alt kısmında olmasını isterim. Şey, CSS3 gibi bir çok "Sticky Footer" çözümü denedim, burada http://cbracco.me/cs...-footer-effect/ pozisyon mutlakı var ama benim için işe yaramıyor.

Neyin yanlış olduğunu biliyor musunuz?

.footer{ 
width:100%; 
height: 50px; 
text-align:center; 
/*position:absolute;*/ 
color: white; 
z-index: 2; 
/*bottom: 0; 
right:0; 
left:0;*/ 
background-color:black; 
line-height:50px; 
} 
.footer a { 
color: inherit; 
text-decoration: none; 
} 

Answer 1

Bir çözüm bulabilir (sayfa) sarmalayıcıya bir dolguya eklemektir:

.wrapper{ 
    min-height: 100%; 
    padding: 0 0 50px; 
    float: left; 
    position: relative; 
    box-sizing: border-box; 
} 

doldurma için 50px alt olduğunu Benim durumum. Bundan sonra, altbilgi yüksekliği, dolguya eşittir.

.footer{ 
    width: 100%; 
    height: 50px; 
    text-align: center; 
    position: absolute; 
    color: white; 
    bottom: 0; 
    left: 0; 
    background-color: black; 
    line-height: 50px; 
} 

website sizi

Answer 2

istiyorsun buldum bu pen yararlı

.footer { 
position: fixed; 
width:100%; 
height:50px; 
bottom: 0px; 
}