0

Как сделать, чтобы div.c-a-right по высоте был равен изображению? Высота изображения динамически изменяется. Необходимо, чтобы соседний div всегда был той же высоты, что и изображение.

  <article class='c-article'>
       <img src='images/01_01.jpg'>
       <div class='c-a-right'>
        <h5>Заголовок</h5>
        <div class='c-a-text'>
         <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
         <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
         <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
        </div>
        <div class='c-a-link'><a href='#'>Подробнее></a></div>
       </div>
      </article>

2 ответа 2

1
$('div.c-a-right').css('height', $('img').height());
1
  • Так то, конечно можно. Но хочется на чистом CSS. 29 июл 2014 в 8:48
0

Проще некуда:

.c-article {
    display: table;
}
.c-article > * {
    display: table-cell;
    vertical-align: top;
}

Посмотреть пример

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.