html - 如何在 div.row 中设置高度 100% div？

Question

<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/

如何为 div.row 中的第一个 div 设置高度 100%？为什么 height:100% 不起作用？我知道 - 我可以用 px 设置高度，但我的网站必须响应，我不想为所有设备设置 px。

我想要 100% 的高度，因为我想将图像居中放置在右侧的文本上。

Answer 1

您希望左侧 div 中的图像应该位于包含文本的右侧 div 的中心。所以即使你的内容 div 增加了高度，你在左边 div 的图像应该垂直居中？我试过这个匹配高度的javascript来匹配相邻元素的高度，看看网址http://brm.io/jquery-match-height-demo/