tailwind-css - 未生成负位置实用程序类

Question

我正在尝试使用负位置实用程序类，例如 -left-1但它们没有被生成。
我正在使用版本 2.0.2 并检查生成的 css 我可以看到这些类没有被生成，尽管常规的正类是。否定类在此页面上作为默认类列出:https://tailwindcss.com/docs/top-right-bottom-left .
我尝试将配置重置为默认值:

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

但它仍然不会生成文档页面顶部列出的否定类。
为什么没有生成这些类？

Answer 1

它应该像文档中提到的那样工作。也许您的屏幕/视口(viewport)正在用溢出隐藏或其他东西隐藏负边距。
结帐working model for negative left-1

<div class="relative h-32 w-32 bg-green-100 mx-auto">
  <div class="absolute inset-x-0 top-0 -left-1 h-16 bg-green-300">1</div>
</div>