Как установить высоту 100% div в div.row?

<div class="container" style="background-color: red"> 
<div class="row"> 
<div class="col-xs-6" style="background-color: green; height: 100%"> 
    <img src="http://www.unixstickers.com/image/data/stickers/jsfiddle/JSfiddle-blue-w-type.sh.png" class="img-responsive img-circle center-block" style="width: 20px"> 
    </div> 
    <div class="col-xs-6" style="background-color: blue"> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    22222222222 <br /> 
    </div> 
    </div> 
</div>

Живой пример: https://jsfiddle.net/t814cmts/Как установить высоту 100% div в div.row?

Как установить высоту 100% для первого DIV в div.row? Почему высота: 100% не работает? Я знаю - я могу установить высоту с px, но мой сайт должен реагировать, и я не хочу устанавливать px для всех устройств.

Я хочу, чтобы высота была на 100%, потому что я хотел бы сфокусировать изображение на текст справа.

источник

2016-01-06 wesugomaw

http://stackoverflow.com/a/31728799/3597276 –

Обновленное скрипку: https://jsfiddle.net/ t814cmts/4/ –

Возможный дубликат [Почему процентная высота не работает над моим div?] (http://stackoverflow.com/questions/31728022/why-is-percentage-height-not-working-on-my-div) –

Вы хотите, чтобы ваше изображение в левом div должно быть центрировано вправо, содержащее текст. Таким образом, даже ваш контент div увеличивается по высоте, ваше изображение в левом div должно быть центрировано по вертикали? Я попробовал эту высоту матч Javascript, чтобы соответствовать высота соседние элементы, посмотрите на URL http://brm.io/jquery-match-height-demo/

источник

2016-01-06 18:34:54 kamal

Как установить высоту 100% div в div.row?

ответ

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