настроить высоту родительского div плюс «одинаковый уровень» div на высоту одного из вложенных divs

У меня есть отзывчивый дизайн с div под названием A, содержащий два вложенных div B и C, которые лежат рядом друг с другом. см. url www.tripleconcept.nl/nested_div_height.jpgнастроить высоту родительского div плюс «одинаковый уровень» div на высоту одного из вложенных divs

Div B содержит текст (переменная высота, в зависимости от длины текста и ширины DIV). При меньших размерах экрана ширина будет меньше и высота больше). DIV C содержит изображение.

Я хотел бы, чтобы длина текста DIV B была направлена за ее высоту и высоту содержащего родителя A. Высота DIV C также должна регулироваться также высотой B и A, что означает ширина изображения будет обрезана.

Я не могу понять это. Кто хотел бы помочь мне написать правильный css? thanx!

источник

2015-02-02 HedyDezigner

вы можете сделать jsfiddle ?? –

Если я правильно понял ваш вопрос, это должно помочь. jsfiddle

Это просто пример, и, как вы можете видеть, это сработало для меня. Хитрость display:table-cell; в обеих колонках.

Надеюсь, это поможет.

источник

2015-02-02 13:29:42

Hi Greenz, thanx для быстрого ответа ... К сожалению, это не решит проблему. Я должен установить правильный код для высоты, а не ширины. Ширина работает отлично. Div B имеет текст, и его высота регулируется по длине текста (чем меньше div (на маленьких экранах, тем больше высота). Высота DIV C должна быть точно такой же высоты, что и B. Если изображение слишком велико, его нужно обрезать .... ;-) – HedyDezigner

@HedyDezigner Я хотел бы указать, что ссылка jsfiddle, которую я опубликовал выше, реализует каждый аспект, упомянутый в вашем комментарии. Высота div A и div C зависит от того, сколько текста находится в div B, и обе имеют ту же высоту, что и div B. Изображение также «обрезано», если оно слишком велико. Если вы хотите увидеть высоту div A, вы можете удалить цвет фона из div B, и вы увидите, что div A (синий) продолжается до нижней части div B. Если ваш вопрос по-прежнему не ответил, попробуйте выразить проблема снова. Ура! –

настроить высоту родительского div плюс «одинаковый уровень» div на высоту одного из вложенных divs

ответ

Смежные вопросы