[mat-menu] support horizontal (xPosition) overlap detection

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

#### What is the expected behavior?
When [overlapTrigger] is false the menu will NOT overlap on the horizontal axis (xPosition)

#### What is the current behavior?
The horizontal axis is overlapping the triggering element wether overlapTrigger is true/false.

#### What is the use-case or motivation for changing an existing behavior?
Per the docs, the overlapTrigger should respect both x and y.
It is also a valid requirement.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
angular 5, material 5.0.0-rc0

Angular Material mat-menu の位置決めのエントリポイントから開始し、overlapTrigger が現在 xPosition に対して y 軸をどのように処理しているかを追跡します。関連するメニューテストを実行し、overlapTrigger を false に設定するとトリガー要素との水平方向の重なりが防止され、true の場合は既存の動作が維持されることを確認します。

索引モデルが issue の本文から書いたものです。