Question

我在Firefox边栏（XUL）中有这个套牌：

<deck id="mydeck" selectedIndex="0">

  <vbox id="myscreen1">
    ...
  </vbox>

  <vbox id="myscreen2">
    <vbox flex="3" minheight="150">
      ...
    </vbox>
    <splitter collapse="after" resizeafter="farthest">
      <grippy height="10" align="end" />
    </splitter>
    <vbox flex="1" minheight="125">
      ...
    </vbox>
  </vbox>

</deck>

我正试图让#myscreen2垂直占据整个侧边栏。我如何实现这一目标？

现在它只使用为两个盒子设置的最小高度。我试图在套牌本身和height: 100%设置flex="1"和#myscreen2，但它不起作用。

Answer 1

我真的不喜欢可用的XUL文档，但我设法找到了解决方案：

<deck id="mydeck" selectedIndex="0" flex="1">

  <vbox id="myscreen1">
    ...
  </vbox>

  <vbox id="myscreen2">
    <vbox flex="3" minheight="150">
      ...
    </vbox>
    <splitter collapse="after" resizeafter="farthest">
      <grippy height="10" align="end" />
    </splitter>
    <vbox flex="1" minheight="125">
      ...
    </vbox>
  </vbox>

</deck>

关键是在牌组上有flex="1"。我第一次尝试时不知道为什么它不起作用。

100％高度的XUL元素

1 个答案: