我用Next.js和Chakra UI。

<Box w="100%">

適合屏幕，但是

<Box w="100%" position="fixed">

突出屏幕。

為什么用position = & quot固定& quot？

如果使用fixed || absolute，則會重建堆疊順序上下文。此外，通常固定& ampabsolute選項使DOM對象獨立。我認為你的組件是更新的位置:固定在屏幕的頂部。你可以算出設置寬度和。這么高。