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

Question

我正试图在我的页面底部放置一个触摸屏左侧和右侧的图片。

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>