2016-03-30 20 views
1

Div Öğemi sayfanın altına hizalamak istiyorum. % 100 genişliğe sahiptir, ancak her iki tarafında 10 piksellik bir kenar boşluğu olmalıdır.Alttaki relativ Div ile hizalama

.footer { 
    position: relative; 
    font-size: 70%; 
    background-color: white; 
    width: 100%; 
    margin: 15px 0 15px 0; 
    bottom: 0; 

} 

<div class="footer"> 
     <ol> 
    <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> 
    <li>Aliquam tincidunt mauris eu risus.</li> 
    <li>Vestibulum auctor dapibus neque.</li> 

Ama burada fiddle

https://jsfiddle.net/osws9p4s/

Sizlerin bana yardımcı olabilir umut var: D

cevap

2

..., kod ve linki aşağıda kontrol yardımcı olur umarım ediniz.

Demo

.footer { 
    position: absolute; 
    font-size: 70%; 
    background-color: white; 
    margin: 15px 0 15px 0; 
    bottom: 0; 
    left:15px; 
    right:15px;  
} 
2

pozisyon mutlak yapmak ve alt

.footer { 
position: absolute; 
font-size: 70%; 
background-color: white; 
width: 100%; 
margin: 15px 0 15px 0; 
bottom: 0; 
} 
olacak

Upd yediler:

Ben genişlik kaldırdık ve sol ve pozisyon ile sağ mülkiyet kullanılan

https://jsfiddle.net/osws9p4s/

+1

Ama sonra sağ tarafta marjı yok:/marj olarak marjı değiştirin –

+0

: 15px; –

+0

Kullanım genişliği: calc (% 100 - 20 piksel); marjları tutmak için .. – Goombah