javascript - HTML正文样式“padding-top”在Firefox中不起作用

为什么当我在做：

document.body.style["padding-top"] =  panel.offsetHeight + "px";

"padding-top"在Firefox中不起作用？在Chrome和IE中都可以，但后面有FF-稳定键。

整个代码是：

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style["padding-top"] =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);

在这里查看：http://plnkr.co/edit/KyxxRV?p=preview

UPD：只是figured out表示style.paddingTop有效，但是"padding-top"有什么问题？

最佳答案

像这样使用paddingTop：element.style.paddingTop。

var fixTopPanel = function(){
  var panel = document.getElementById("TopPanel");
  document.body.style.paddingTop =  panel.offsetHeight + "px";
}

window.addEventListener("load", fixTopPanel);
window.addEventListener("resize", fixTopPanel);