角度材料垂直位置问题答案

【问题标题】：angular material vertical position issue角度材料垂直位置问题
【发布时间】：2016-01-27 03:30:32
【问题描述】：

我目前拥有的是这样的：

可见，中心的md-card 低于md-toolbar。

向下滚动时出现类似问题。

我注意到如果我删除 1000x400 图像，则位置很好，因为 y 轴没有溢出。

该问题仅在溢出期间出现。

注意：居中的md-card 存在于ui-view 中，如果这有什么不同的话。

编辑：添加了this codepen 来演示问题。向下滚动时请注意灰色背景。

【问题讨论】：

【解决方案1】：

通过 ui-view 标签的 layout="row" 解决了定位问题的初始修复。

底部grey background的不一致通过简单地在body中添加一个包装div来解决，将所有内容包装在里面，我很快就会发布一个代码笔来演示这个问题及其解决方案。

编辑：codepen 描述解决方案

【讨论】：