Angular Material对话框显示异常：出现在当前窗口下方而非顶部的问题求助

• 宽度参数格式错误：在matDialog.open的配置中，width: '75'缺少单位（正确应为'75%'），这会导致对话框宽度计算异常，破坏默认居中布局逻辑，引发位置偏移。
• 自定义面板类样式问题：你设置的full-screen-modal自定义类如果CSS配置不当，会直接影响对话框定位：
  • 未设置足够高的z-index，导致对话框被页面其他元素遮挡，视觉上“沉”在窗口下方
  • 错误设置position: absolute配合bottom: 0这类属性，强制对话框定位到窗口底部
• 默认Overlay容器样式被篡改：项目全局样式或其他组件样式可能修改了Angular Material默认的cdk-overlay-container、mat-dialog-container样式，比如修改了定位规则、层级属性，导致模态框默认的居中显示逻辑失效。
• 目标组件样式冲突：WavedetailsComponent内部的样式如果包含float、异常position等规则，可能会干扰对话框容器的正常布局，引发位置偏移。

内容的提问来源于stack exchange，提问作者santubangalore