Изменение ширины с помощью jQuery .css() и em

Question

Мне нужно изменить ширину div, используя jQuery.

Когда я использую следующее, это работает:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=239');

Когда я использую это, это работает:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=239px');

Но когда я использую это, он ничего не делает:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=21em');

Есть ли способ заставить JQuery работать с em? или рассчитать em в px и, например, установить переменную и вычесть это значение?

редактировать: спасибо всем за исправление моего правописания и кода!

Answer 1

Я попробовал, и он работает, я думаю, что вы должны проверить свой код, я проверил его во всех браузерах, и он работает нормально, px и em оба работают хорошо, вы можете использовать этот код, поместите этот код на фиктивную страницу, и вы можете увидеть, как это работает

<style>
#footer{
background: black;
height:50px;
}
</style>
<script type="text/javascript">
$(function(){
    $('#footer').css('width', '100%');
    $('#footer').css('width', '-=210em');
});
</script>
<div id="footer"></div>