hbox应始终位于底部

Question

我开发了一个带弹出面板的Firefox插件。在面板上我有三个带有hbox的元素。第一和第二个hbox具有固定大小（20px和400px）。最后一个元素应始终位于底部并伸展。我怎么能这样做？

Answer 1

不太确定要实现的目标，但可以使用flex="1"确保元素占用所有剩余空间，align="end"将其内容与底部对齐：

<vbox flex="1">
  <hbox height="20" style="border: 2px solid red;"><label value="1"/></hbox>
  <hbox height="400" style="border: 2px solid green;"><label value="2"/></hbox>
  <hbox flex="1" align="end" style="border: 2px solid blue;"><label value="3"/></hbox>
</vbox>