首页 网络技术
  1. 正文

jQuery如何让两个div高度相同

让两个div高度相同

有时候,你需要让两个div无论包含什么内容都拥有相同的高度:

$('.div').css('min-height', $('.main-div').height());

设置 min-height,这意味着它可以比主div大但绝对不能比主div小。不过,还有一种更灵活的方法是遍历一组元素,然后将高度设置为最高的那个元素的高度:

var $columns = $('.column');var height = 0;$columns.each(function () {if ($(this).height() > height) {height = $(this).height();}});$columns.height(height);

如果你希望所有列的高度相同:

var $rows = $('.same-height-columns');$rows.each(function () {$(this).find('.column').height($(this).height());});

本文标题:jQuery如何让两个div高度相同
本文链接:https://www.qqooo.cn/post/6572.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!