jquery - 如何使用 jQuery 将 min-height 应用于 DIV?

标签 jquery html css

嗨,我想将 min-height 应用于 ".wide-content"

.wide-content 的 min-height = 右侧内容的高度 - "274px"

var leftHeight = $(".wide.content").height();
var rightHeight = $("#right_column").height();
alert (leftHeight); alert (rightHeight);

if (leftHeight < rightHeight) {
  $(".wide.content").css('minHeight' 'leftHeight - 274');
}

提前致谢

最佳答案

您需要实际的数字,而不是指定值的字符串,如下所示:

if (leftHeight < rightHeight) {
  $(".wide.content").css('minHeight', leftHeight - 274);
}

使用 .css() 时也是如此,而不是 .css('prop' 'value') 您需要在其中添加逗号,如下所示:

$(selector).css('prop', 'value');
//or:
$(selector).css({'prop': 'value'}); //when assigning many at once, like this:
$(selector).css({'prop': 'value', 'prop2': 'value2'});

关于jquery - 如何使用 jQuery 将 min-height 应用于 DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3308197/

相关文章:

javascript - HTML:onload 非 body 元素

html - 如何设置不透明度的字体背景而不是其中的文本

css - 如何删除 bootstrap 4 中的选择选项背景?

html - 图像和文本在一个容器中

javascript - 如果检查了 php 条件,则通过 JQuery 将类添加到元素

javascript - 我可以在发布表单输入时重定向到新的 php 文件吗?

javascript - 使用jQuery(或JSF方式)来防止h :commandButton submit

javascript - 崇高文本中的 jQuery?代码不工作

jQuery 移动日期框 'disable' 不工作

javascript - 加载ajax页面后无法摆脱内容的闪光