Angular mat select下拉列表位置未对齐

我使用了一些角度材质组件，但输入框和选择选项元素出现了问题。 选择选项未正确对齐。当我点击查看选择选项列表时，它显示我在当前div之外，或者可以说页面左侧不正确

ng-v

图像是按如下方式附着的：

---

请确保已将BrowserAnimationsModule导入应用程序模块，并将hammerjs导入主ts文件。 这是我们的指导方针

我的应用程序模块代码：

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatTooltipModule, MatButtonModule, MatCheckboxModule, MatSelectModule } from 
'@angular/material';

@NgModule({
imports: [
    MatTooltipModule,
    MatButtonModule,
    MatCheckboxModule,
    MatSelectModule,
    BrowserAnimationsModule,
    BrowserModule
 ],
 providers: [],
 bootstrap: []
})
export class AppModule { }

主要ts代码：

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import 'hammerjs';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.log(err));

---

请确保已将BrowserAnimationsModule导入应用程序模块，并将hammerjs导入主ts文件。 这是我们的指导方针

我的应用程序模块代码：

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatTooltipModule, MatButtonModule, MatCheckboxModule, MatSelectModule } from 
'@angular/material';

@NgModule({
imports: [
    MatTooltipModule,
    MatButtonModule,
    MatCheckboxModule,
    MatSelectModule,
    BrowserAnimationsModule,
    BrowserModule
 ],
 providers: [],
 bootstrap: []
})
export class AppModule { }

主要ts代码：

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import 'hammerjs';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.log(err));

---

请在stackblitz上创建一个小演示。请在stackblitz上创建一个小演示。它导入到我的app.module.ts nad harmer.js中。我还添加了，我认为这是css相关的问题，因为对于come material component，它会影响对齐。假设我的日期选择器组件-当我点击日期选择器时，日历在我的页面右侧打开，这完全是未对齐的。解决方法：原因是我在错误的位置导入了主题css文件。它被导入到我的app.module.ts nad harmer.js中。我还添加了，我认为这是css相关的问题，因为对于come材质组件，它会影响对齐。假设我的日期选择器组件-当我点击日期选择器时，日历在我的页面右侧打开，这完全是未对齐的：原因是我在错误的位置导入了主题css文件