小屏幕上的绝对顺风位置，大屏幕上的绝对位置答案

【问题标题】：tailwind position absolute on smaller screens and right on bigger小屏幕上的绝对顺风位置，大屏幕上的绝对位置
【发布时间】：2022-01-17 04:58:11
【问题描述】：

我有一个菜单，当屏幕较小时（比如说在 SM 之前），我希望将其定位在屏幕左侧，而在屏幕较大时将其定位在右侧。

<MenuItems
  class="
    absolute left-2 top-24 w-full mt-8
    sm:right-2 sm:top-0 sm:w-max
  "
>

right-* 的设置在单独应用时按预期工作，但以断点为前缀时 sm left-* 优先。

这是一种使用会在更大屏幕上取消的东西的方法吗？喜欢sm:left-none

【问题讨论】：

【解决方案1】：

是的auto 可用于取消定位值。所以使用sm:left-auto。

另一个（更糟糕的）选择是在较小的屏幕上使用right-full。但是你的元素会在屏幕外。尽管您可以像这样将其转换回来：right-full translate-x-full sm:right-0 sm:translate-x-0

【讨论】：