[Sidenav] Issue when container and sidenav in different components

#### Bug, feature request, or proposal:
I have the template like this:
``
` `
`...`
``

`` is:
``
` ...`
``

When I have my sidenav in two components like this, the mode "**side**" is not working anymore. The mode switch to "**over**".
When I have all in the same component, it's working.

I think it's due to a another tag between and and it break the css rules.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular Material 5.0.1

Bắt đầu bằng cách tái hiện template đã được báo cáo với Angular Material 5.0.1, đặt mat-sidenav-container và mat-sidenav trong các component riêng biệt, sau đó so sánh với cách sắp xếp trong cùng một component. Được xem là hoàn tất khi mode="side" vẫn có hiệu lực lúc sidenav được lồng trong my-component thay vì chuyển sang mode="over".

Do mô hình lập chỉ mục viết ra từ nội dung của issue.