Angularjs 晶圆厂工具栏-韩元'；不要一路打开

我将在屏幕右下角放置一个FAB工具栏组件。它悬停在可滚动内容上（此处由

模拟）。将鼠标悬停在内容上的行为是正确的，并且似乎放置正确

但是，工具栏不会扩展到其完整大小。我尝试将HTML放入

，但这会导致定位中断。这里有我遗漏的东西吗

提前谢谢

//app.js
角度模块（'BlankApp'，['ngMaterial']））
.controller（'BasicDemoCtrl'，函数DemoCtrl（）{
});

菜单
发射
编辑
箭背
使用此CSS

.md-fab-toolbar.md-fab-bottom-right {
  width: 100vw;
}

尝试运行以下代码段-注意


//app.js
角度模块（'BlankApp'，['ngMaterial']））
.controller（'BasicDemoCtrl'，函数DemoCtrl（）{
});

.md-fab-toolbar.md-fab-bottom-right{
宽度：100vw；
}
菜单
发射
编辑
箭背
看来
FAB工具栏
组件与FAB
按钮
类不完全匹配。使用下面的代码，我能够得到接近我想要的东西。基本上，我使用类
.md is open
将FAB的打开工具栏移动到正确的位置。这将保持晶圆厂的风格位置（
.md晶圆厂右下角
）。它不是完美的，在关闭时位置会突然变化


//app.js
角度模块（'BlankApp'，['ngMaterial']））
.controller（'BasicDemoCtrl'，函数DemoCtrl（）{
});
md-fab工具栏{宽度：100vw；}
md-fab-toolbar.md-is-open{右侧：0！重要；底部：0！重要；}

菜单
发射
编辑
箭背
感谢您的快速回复！这解决了宽度问题，但当工具栏打开时，我注意到右侧和底部边框与屏幕不齐平。这是可修复的吗？是的..添加
right:0；底部：0添加到该样式表。似乎FAB工具栏与FAB（作为md按钮）的样式没有完全交叉操作。