为什么 css border-radius 会导致元素在这个最小的 Angular Material Sidenav 组件中消失? (提供演示)
P粉121447292
P粉121447292 2023-09-15 20:15:02
[HTML讨论组]

这是关于 Angular Material Sidenav 组件。在下面的代码中,当我增加边框半径以便它与封闭元素重叠时,该元素就会消失。

<mat-drawer-container class="example-container">
  <mat-drawer mode="side" opened>
    Drawer content <br />
  </mat-drawer>
  <mat-drawer-content
    style="
      border-radius: 0px; // <-- try to increase this value to see effect
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      align-items: stretch;
      background-color: rgb(255, 200, 200);
    "
    >Main content</mat-drawer-content>
</mat-drawer-container>

(无边框半径时内容可见)

(添加边框半径后内容消失)

Stackblitz:https://stackblitz.com/edit/7swnhp?file=src%2Fexample%2Fsidenav-drawer-overview-example.html

我看不到元素去了哪里,看不到任何正在应用的隐藏样式,在 DOM 中我可以看到它在那里,但它不可见。

P粉121447292
P粉121447292

全部回复(1)
P粉590428357

当我添加 border-raduis 时,它按预期工作,内容可见。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号