如何让一个图像显示在div的底部

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

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

但没有喜悦，有没有人有任何想法？谢谢

2015-10-13 John

请分享代码其中用于追加图像 – Ripun

代码中有错字 - bototm：0px。另外，如果没有相应的位置属性，则不能拥有底部属性 - 例如position：absolute，position：relative – richhastings

@John尝试创建[** Minimal，Complete和Verifiable示例**]（http://stackoverflow.com/help/mcve），因为这将帮助他们为您提供适当的解决方案。 – vivekkupadhyay

将position: relative添加到父div然后将position: absolute; bottom:0px;添加到图像。这在大多数情况下都适用，但是由于您没有发布完整的代码，因此可能会有所不同。 PS你有一个错字bottom

2015-10-13 09:15:32 NooBskie

而你也可以通过发表评论而不是回答。 – vivekkupadhyay

@vivekkupadhyay我仍然认为这是一个可以接受的答案，因为从约翰所描述的这可以工作 – NooBskie

Flexbox的是这样做的一种方式：http://codepen.io/zvona/pen/BodqBY

HTML：

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

CSS：

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

img { 
    align-self: flex-end; 
}

2015-10-13 09:18:39 zvona

哦，我注意到你有一张桌子上方的图像。这个例子不会工作。也许最好用'position：绝对;底部：0px;'招。 – zvona

回答