hboxは常に最下部にある

Question

ポップアップパネルを使用してFirefoxプラグインを開発します。パネルには、hboxを持つ3つの要素があります。 1番目と2番目のhboxは固定サイズ（20pxと400px）です。最後の要素は常に下にあり、引き伸ばされていなければなりません。これどうやってするの？

Answer 1

あなたが達成したいが、あなたは要素が一番下にその内容を揃えるために、すべての残りのスペースとalign="end"を使用することを確認するflex="1"を使用することができるものは非常にわからない：

<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>