Html 角材料垂直位置问题

我目前拥有的是：

如图所示，中间的

md卡

位于

md工具栏

下方

向下滚动时也会出现类似的问题

我注意到，如果我删除

1000x400

图像，则位置很好，因为y轴上没有溢出

该问题仅在溢出期间发生

注意：居中的

md卡

存在于

ui视图

中，如果这有任何区别的话

---

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

初始修复，通过ui视图标记的layout=“row”解决定位问题

底部的

灰色背景

不一致性通过简单地在

正文

中添加一个包装

div

解决了，将所有内容包装在里面，我将很快发布一个代码笔，演示问题及其解决方案

---

编辑：为

ui视图

标记描绘解决方案

初始修复，并使用

layout=“row”

解决定位问题。但底色不一致仍然存在。请添加一个plunkr/codepen。