如何将图像放入我的div中？

Question

我试图把IMG放在我的页面底部，触摸屏幕的左侧和右侧。

HTML：

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

不知道有什么是CSS为了做到这一点

Answer 1

试试这个：

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