如何使用jQuery向html元素添加负填充顶部[重复]

Question

我想使用 jQuery 为 .container 元素设置负数“padding-top”。
padding-top 的值将是 .header 元素和 .navigation 元素的总和。

我尝试了下面的代码，但没有成功。

//This don't work
const $headerHeight = $('.header').height();
const $navHeight = $('.nav').height();
$('.container').css('padding-top', -($headerHeight + $navHeight) + 'px');

它在不是负值时有效。
它将 style="padding-top: xxxpx" 添加到 .container 中，如下所示
div class="container" style="padding-top: xxxpx"

//This works
const $headerHeight = $('.header').height();
const $navHeight = $('.nav').height();
$('.container').css('padding-top', ($headerHeight + $navHeight) + 'px');

我想知道“负值”的情况下怎么写。

Answer 1

填充不能为负数：Unlike margin properties, values for padding values cannot be negative.

CSS Box Model Module Level 3 规范：Negative values for padding properties are invalid.