如何让图片显示在div的底部

Question

我有100％的屏幕高度div，DIV的顶部是一张桌子...想法然后是白色空间，DIV底部有一个图像。当我添加图像时，它会直接显示在表格下方，而不是页面底部。我怎样才能解决这个问题？我在谷歌搜索过很多东西......

display:block
margin:0 auto;
bototm:0px

但没有快乐，有没有人有任何想法？感谢

Answer 1

将public void onBackPressed() { mWebView.onPause(); super.onPause(); } 添加到父div，然后将position: relative添加到图像中。这在大多数情况下都适用，但由于您尚未发布完整代码，因此可能会有所不同。 Ps你有一个拼写错误position: absolute; bottom:0px;

Codepen http://codepen.io/noobskie/pen/epEPYw

Answer 2

Flexbox是实现目标的一种方式：http://codepen.io/zvona/pen/BodqBY

HTML：

<div>
  <img src='...' />
</div>

CSS：

div {
  display: flex;
  flex-direction: row;
}

img {
  align-self: flex-end;
}