<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% 的高度,因为我想将图像居中放置在右侧的文本上。
最佳答案
您希望左侧 div 中的图像应该位于包含文本的右侧 div 的中心。所以即使你的内容 div 增加了高度,你在左边 div 的图像应该垂直居中? 我试过这个匹配高度的javascript来匹配相邻元素的高度,看看网址http://brm.io/jquery-match-height-demo/
关于html - 如何在 div.row 中设置高度 100% div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34640083/