Чтобы избежать наложения компонентов в угловых

Question

У меня есть два компонента, называемые customer-details и customer-bookings, которые вызываются их селекторами в файле app.component.html, как показано в приведенном ниже коде

     <app-customer-details></app-customer-details>
     <app-customer-bookings></app-customer-bookings>

Компоненты должны выглядеть следующим образом (i, eодин под другим).

Но это пересекается, как это.

Здесь я сталкиваюсь с пересекающимися проблемами, я пытался решить их, установив height в 50vh для каждого компонента.Но я хочу решить эту проблему, не устанавливая высоту вручную.

Вот ссылка stackblitz .

Answer 1

Отмечая, чтобы сделать с компонентом.Просто измените CSS.

table{
  /* position:absolute; */
}

Answer 2

Вы должны удалить это из своего стиля таблицы:

position:absolute;

в customer-details.component.css