HTML Вытянуть высоту изображения до родительского div, который изменяет размер содержимого? - PullRequest
Новая
       6

HTML Вытянуть высоту изображения до родительского div, который изменяет размер содержимого?

0 голосов
/ 29 апреля 2018

Итак, я создаю страницу с недавними публикациями в блоге, похожую на ленту домашней страницы BuzzFeed. У меня проблема с миниатюрой изображения. Я хочу, чтобы это выглядело так, когда изображение растягивается до родительского элемента div, но когда я устанавливаю высоту на 100%, оно просто умещается на экране.

via Buzzfeed

Родительский Див 

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

Детский Див 

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

Я убрал любую высоту, чтобы показать голые части кода. Любая помощь будет принята с благодарностью:)

...