角度布局占用大量空间
角度布局占用大量空间
提问于 2017-09-06 20:22:51
<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- content“的内容填满其余的屏幕高度。如果我写"layout-fill"，md-content的大小正好是屏幕的大小，但是因为第一个嵌套的div里面有h2，所以站点比我的屏幕要高。
Stack Overflow用户
发布于 2017-09-06 20:46:27
如果我没弄错的话，你想要的是这样的东西：
---------------------
| Hello |
|--------------------
| div 30| div 70 |
| | |
| | |
---------------------而且整个内容都应该适合全屏显示，不需要任何滚动，对吧？如果是这样的话:有多个选项，这取决于您是想使用纯css还是使用材质库。
选项1: CSS
您可以考虑强制初始div计算(100vh- myDivSize)并调整行div
选项2:材质选项
http://embed.plnkr.co/T9vRQhbHDR5w2F0Lnu0R/preview检查这个柱塞，请记住，在主目录上应用的100 vh只是为了柱塞的目的，不应该在你的应用程序上以这种方式使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46075149
复制相关文章
相似问题
腾讯云开发者
