角度2柔性布局高度100%

使用Material设计和flex-layout的Angular app. https://github.com/angular/flex-layout

我正在尝试在顶部创建一个2列的简单页面布局(左=填充,右= 10%),然后在屏幕底部创建一行.元素仍然只填充内容所需的垂直空间.我发现这样做的唯一方法是手动将高度设置为100%.这是我必须这样做的吗？这个HTML有什么问题？

  

    

      
Stuff is happening here
    
    

      

        
Item 1
        
Item 2
      
    
  
  

    
Bottom element
  

结果:

将高度设置为100%可能是确实如此.高度是动态的,因此它将适应您的内容.在您的情况下,内容不会填充页面,因此这是正常的行为.

但这个解决方案有什么问题？