Html正文样式"padding-top"不能在Firefox中工作

Html body style "padding-top" not working in Firefox

本文关键字：quot Firefox 工作 不能 正文 Html padding-top 样式      更新时间：2023-09-26

为什么我在做:

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

"padding-top"在Firefox中不工作?这是ok在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:刚刚发现style.paddingTop工作，但"padding-top"的问题是什么?

像这样使用padding - top: 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);
相关文章：