Javascript firefix扩展中的元素高度和位置

我正在构建一个扩展，其中我使用以下代码显示一个带有进度条的窗口：

 <?xml version="1.0"?>
 <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window
  id="findfile-window"
  title="Please wait.."
  orient="horizontal"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <progressmeter value="50" style="height:4px;"/>

</window>

但是由于某种原因，高度没有改变，看起来是这样的

---

有什么想法吗？

使用浏览器中的调试工具检查DOM。确认该条实际上是

进度计

然后，使用调试器验证计算的高度

如果您知道如何使用浏览器CSS调试器，这应该是一个简单的修复方法。如果你能把实际的代码放在一把小提琴里，我可以提供更多的信息。

尝试更改

<progressmeter value="50" style="height:4px;"/>

到

它将如下所示：

/默认为

拉伸

。将其设置为周围框（案例中的窗口元素）上的其他内容将解决您的问题

pack=“end”

示例：

其他有趣的与布局相关的XUL内容，用于完全按照您想要的方式布局小部件：。属性通常也有相应的CSS规则

<progressmeter value="50" style="max-height:4px;"/>