[Card] Extra margins show when using ripple

When `matRipple` is added to a ``, the card expands on click.

Reproduction: https://stackblitz.com/edit/angular-1mherw?file=app/card-overview-example.html

This is due to the styling rule that says every element in the card except for the last should have bottom margin. When the ripple is added, the last element is no longer last and so it gains the margin bottom.

https://github.com/angular/material2/blob/master/src/lib/card/card.scss#L190

Bắt đầu với quy tắc kiểu gần src/lib/card/card.scss#L190 và sử dụng bản tái hiện StackBlitz được liên kết để quan sát việc card mở rộng khi matRipple được thêm vào mat-card. Việc sửa lỗi hoàn tất khi card không còn có thêm margin dưới hoặc mở rộng khi nhấp vào, đồng thời vẫn giữ nguyên hành vi khoảng cách hiện tại của card.

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