角度材料垂直百分比空间

Question

如何让一个div正确地占用父空间的某个百分比？请参阅下面的代码：

<div layout="column">
  <div id="div1" flex="70%"></div>
  <div id="div2" flex="30%"></div>
</div>

我想让父级div的div1为70％，div2为div2的30％。但它不起作用。 Div 1和div 2崩溃了。但如果父布局是行，它可以正常工作--- div1水平占用70％的空间。

Answer 1

我认为您需要进行以下修改：

1. 指定＆＃34;身高＆＃34;对你的外部div。这可能是一个百分比或像素。
2. 不要将％符号与flex属性一起使用

请参阅此代码：http://codepen.io/sebastiengiroux/pen/jPovxG

CardList::CardList ( int number_of_cards ) {
    this->card_list = std::vector<Flashcard>(number_of_cards);
} 

Answer 2

如果您查看布局文档https://material.angularjs.org/latest/layout/introduction 我认为这个陈述与你的问题有关。

  

flex属性值限制为33,66和5的倍数。

     

例如：flex =“5”，flex =“20”，flex =“33”，flex =“50”，flex =“66”，flex =“75”，....

所以我想如果你使用允许值，你可以获得所需的结果。例如，使用 66 和 33 。