当一个组件放置在另一个组件的下方时，组件是重叠的

Question

我有 2个组成部分，称为1）add-customer 2）edit-customer

我正在使用它们各自的选择器在 app.component.html 文件中显示这两个组件，如下代码所示。

<app-add-customer></app-add-customer>
<app-edit-customer></app-edit-customer>

这里的问题是， edit-customer 组件与 add-customer 组件略有重叠，如下图所示。

我认为我缺少一些CSS，我尝试使用 position 属性，但仍然没有结果。这里是stackblitz链接。

Answer 1

这是因为您的.btn-sec div具有float: right;样式。 将其更改为text-align: right;，它将不会重叠。