divに画像を挿入するにはどうすればよいですか？

Question

私は画面の左右に触れる私のページの一番下にimgを置こうとしています。

HTML：

<div id="maincover"> 
<img src="http://imgur.com/a/vlURG"/> 
</div> 

Answer 1

はこれを試してみてください起こるようにするためにCSSとして持っているのかわからない：

<style> 
    #maincover img { 
    position: absolute; 
    bottom: 0; 
    width: 100vw; 
    } 
</style> 

Answer 2

#maincover { 
    background-image:url(http://imgur.com/a/vlURG); 
    background-position:bottom; 
    background-size: cover; 
} 

Answer 3

#maincover{width:100%;height:100px;position: absolute;bottom: 0;} 
 
#maincover img{width:100%;height:100%;}

<div id="maincover"> 
 
<img src="http://i.imgur.com/rklSO2e.jpg"/> 
 
</div>