html - 图像填充容器中的垂直空间

Question

我有一个 <div>左边是一张图片，右边是一些文字。如何实现图像始终填充垂直空间？

它应该是这样的:

parent 的高度将使用媒体查询分三步改变。

Answer 1

这应该使您的 div 中的所有图像都从顶部延伸到底部。

<div id="content">
    <img src="source.jpg">
    Other div contents...
</div

#content img { 
    height: 100%;
}