为了避免组件重叠成角度

Question

我有两个叫deposit和customer-details的组件，它们由customer-bookings文件中的选择器调用，如下面的代码所示

app.component.html

组件应该看起来像这样（一个在另一个之下）。

但是它像这样重叠。

在这里我面临着重叠的问题，我试图通过将每个组件的高度设置为 50vh 来解决此问题。但我想解决此重叠问题而无需手动设置高度。

这是stackblitz链接。

Answer 1

您应该从表格样式中删除它：

position:absolute;

在customer-details.component.css中

Answer 2

注意与组件有关。 只需修改CSS。

table{
  /* position:absolute; */
}