Question

您好我想将min-height应用于".wide-content"

min-height .wide-content =正确内容的高度 - “274px”

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

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

先谢谢

Answer 1

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

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'});

Answer 2

以下代码对我有用。

   $('#test').css({
      minHeight: 500
    });

Answer 3

JQuery遵循camelCase命名约定以及-分隔的css属性命名约定。

为例：

CSS             JQuery
=========       =======
font-size       fontSize or font-size
border-width    borderWidth or border-width

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

3 个答案: