Sidenav: content area size not calculated properly with animation

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
The size of the content area is calculated correctly according to the width of the sidenav menu.

#### What is the current behavior?
The calculation is wrong. The margin-left value of the content area is inverted to the width defined in the animation.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-etpys5
(to see the issue you have to click a few times on the expand button)

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular/material@5.2.0
@angular/cdk@5.2.0
@angular/core@5.2.4
@angular/animations@5.2.4

Bắt đầu bằng cách tái hiện vấn đề trong ví dụ StackBlitz được liên kết với sidenav của Angular Material 5.2.0 và nhấp nhiều lần vào nút expand. Theo dõi hoạt ảnh của sidenav và phép tính lề của vùng nội dung, sau đó xác minh rằng chiều rộng và lề của nội dung vẫn chính xác sau nhiều chu kỳ expand/collapse lặp lại.

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