角布局花费太多的空间

<body> 
    <div layout="column" flex> 
     <div> 
      <h2>Hello</h2> 
     </div> 
     <div layout="row"> 
      <div flex="30"> 
       <md-content> 
        //some code  
       </md-content> 
      </div> 
      <div flex="70"> 
       //some code 
      </div> 
     </div> 
    </div> 
</body>

我想要的“MD-内容”的内容来填充屏幕高度的其余部分。如果我写了“layout-fill”，md-content的大小恰好是屏幕大小，但由于第一个嵌套h2的嵌套div，该网站的屏幕高于我的屏幕。角布局花费太多的空间

来源

2017-09-06 Kai Fischer

如果我理解正确的话，你想要的是得到这样的：

--------------------- 
|  Hello  | 
|-------------------- 
| div 30| div 70 | 
|  |   | 
|   |   | 
---------------------

而且这全部内容应该以适合全屏显示，无任何滚动，对不对？如果是这样：多个选项，取决于你是想用纯css还是使用材质库。

选项1：CSS

你可能会考虑迫使初始div来计算（100vh - myDivSize）和弯曲行格

选项2：材质选项

http://embed.plnkr.co/T9vRQhbHDR5w2F0Lnu0R/preview检查这个撬棍出来，考虑到在主div上应用的100 vh只是为了plunkr的目的，不应该以这种方式在你的应用中使用。

来源

2017-09-06 12:46:26

角布局花费太多的空间

回答

相关问题