相対位置のDivを指定

Question

div要素をページの下部に揃えたい。それは100％の幅を持っていますが、それぞれの側に10pxのマージンを持つ必要があります。

.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> 

しかし、ここであなたはフィドル

https://jsfiddle.net/osws9p4s/

私はあなたたちが私を助けることができると思います：D

Answer 1

...コードとリンクの下に確認してください、それが役に立てば幸い：食べました。

Demo

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

Answer 2

位置は、絶対にし、それが下

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

になります

更新私は幅を削除し、位置と左右のプロパティを使用していた

https://jsfiddle.net/osws9p4s/