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>