我认为基于Angular 6创建简历会很好。您可以为简历的每个部分创建单独的组件。例如，一个用于您的个人资料，一个用于您的教育程度，一个用于您的投资组合等。我使用Angular flexLayout构建其中的每一个。个别情况下它们看起来不错，但是当我将它们堆叠在app.component.html中时，文本/图像会重叠。
我创建了一个简单的堆叠闪电战来演示这一点。
https://stackblitz.com/edit/angular-material-flex-layout-seed-wzzmnn?file=app%2Fapp.component.html
答案 0 :(得分：2)
您已在子组件中声明了fxLayout =“ column”，并在父组件中使用了该组件。只需删除子组件上的声明
答案 1 :(得分：0)
这与组件的高度有关。
这是一个非常常见的CSS问题。将flex布局视为浮动布局：元素从要放置的文档流中脱离出来，它们依赖于容器的宽度和高度。
通过固定容器的高度，可以解决此问题。
对于您来说，该容器应占据其自身容器高度的100％：
<div fxLayout="column" [style.height]="'100%'">
您需要设置该容器的容器高度（不要迷路！）
html, body {
height: 100%;
}
这给了the result you should be expecting（无论如何，我希望如此）