我有2个div(每个6列).在左边的div是一个图像,右边的div是一些引用.我希望我的正确div的高度与图像的高度相同.
这是我的代码：http://codepen.io/matysflance/pen/PZXdBK
<div id="testimonials" class="container-fluid testimonials">
<div class="row">
<div class="col-lg-6 image">
<img src="http://placehold.it/1100x700/f3e42a" alt="">
</div>
<div class="col-lg-6 quote">
<blockquote>
<p>"Integer posuere erat a ante venenatis dapibus posuere veit al..." </p>
<cite>Susan Sims,Interaction Designer at XYZ</cite>
</blockquote>
</div>
</div>
</div>
解决方法
你可以使用jQuery来做到这一点
只需将类高度添加到想要具有相同高度的DIV即可
jQuery的
jQuery(document).ready(function($) { //noconflict wrapper
var heights = $(".same-height").map(function() {
return $(this).height();
}).get(),maxHeight = Math.max.apply(null,heights);
$(".same-height").height(maxHeight);
});
