如何在Tailwindcss中构建浮动按钮

Question

我使用solid js，我想在应用程序的屏幕最右边添加一个浮动按钮。在阅读了这篇关于在Tailwindcss中创建浮动…的文章之后。。。，我写了以下代码：

export default function SearchEngine() {
return (
<> 
...
<BsChatLeftTextFill size={41} class="float-right text-blue-500 "/>
</>
);
}

这确实在我的应用程序的最右边创建了一个按钮，但当我向下滚动选项卡栏时，我的按钮位置会受到它的影响。在我看来，考虑到这是一个浮动按钮，尽管在初始位置滚动页面，但按钮应该在应用程序的在最右边保持可见，这是我所期望的行为。我查看了Tailwindcss文档，但我使用的属性确实是正确的。

Answer 1

这是我的解决方案：

<BsChatLeftTextFill size={41} className="fixed bottom-3 right-14 text-blue-500 " />

要记住的单词是固定的单词，它允许你在滚动时保持相同的位置。单词CCD_ 1和CCD_ 2用于确定固定元素相对于左侧和底部的位置。由于关键字top-x和left-x，还可以确定相对于顶部和右侧的位置