未生成负头寸实用程序类

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

它应该按照文档中提到的方式工作。也许您的屏幕/视口正在通过溢出隐藏或其他方式隐藏负边距。

检查此工作模型的负 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>