在尝试找到一个示例，其中 FloatingActionButton float 在其标准的右下角屏幕位置但没有结果，我来找你，如果你能提供一个，因为它似乎是一个没有任何结果的普通按钮默认 float 到那个 Angular 落。

我是否应该通过设置自定义 CSS 规则使其 float ？ Material-UI 文档没有提到任何关于 float 的属性 Material-UI FloatingActionButton documentation .

最佳答案

确实，目前组件 FloatingActionButton 中没有此属性。

等待它:

1) 使用内联样式的解决方案:

在组件的顶部，添加:

const style = {
    margin: 0,
    top: 'auto',
    right: 20,
    bottom: 20,
    left: 'auto',
    position: 'fixed',
};

...并在您的渲染方法中:

render() {
    return <FloatingActionButton style={style}><ContentAdd /></FloatingActionButton>
}

或

2)使用CSS文件的解决方案

在您的 CSS 文件中添加(例如:在您的 index.html 中引用的 styles.css):

.fab {
    margin: 0px;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: fixed;
};

... 并穿上你的 React 组件:

render() {
    return <FloatingActionButton className="fab"><ContentAdd /></FloatingActionButton>
}

关于html - 使 Material-UI Reactjs FloatingActionButton float ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35828991/