HTML将图像高度拉伸到调整为内容大小的父div？

Question

因此，我创建了一个类似于BuzzFeed主页Feed的博客帖子页面。我遇到的问题是缩略图。我希望它看起来像这样，图像延伸到父div，但当我将高度设置为100％时，它恰好适合屏幕。

Parent Div

  .post {
        background-color: white;
        width: 100%;
        display: block;
        overflow: hidden;
        border: 1px #E8E8E8 solid;
        margin-bottom: 10px;
    }

Child Div

.post img {
    width: 33.33333%!important;
    float: left;
}

为了显示代码的骨骼，我删除了任何高度。任何帮助将不胜感激：）