我最近几个小时前开始学习 TailwindCSS，我想使用 tailwindcss 创建一个导航栏。我安装并设置了一切，所以我什至尝试创建一个顺风的圆圈，一切都工作正常。
我想创建一个导航栏并给出一些样式。（背景等...）工作正常。
然后，我想在 tailwindcss 中添加一个 padding(p-(value)) 但它没有奏效。我刚刚检查了代码是否有问题或没有使用 TailwindPlay（tailwind css 模拟器），所以代码在那里工作正常。
但是在我的 VSCode 中，填充不起作用。我不知道为什么。
这是我的代码； `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--Navbar-->
<nav class="relative container mx-auto p-15">Hello</nav>
</body>
</html>
`
我期待有人能帮助我...... 我是新人，开始学习新东西后我不想放弃
我刚刚检查了代码是否有问题或没有使用TailwindPlay（tailwind css模拟器），所以代码在那里工作正常。
但是在我的 VSCode 中，填充不起作用。我不知道为什么。
类p-15在顺风中不存在。仅p-14和p-16。您可以使用 tailwind.config.js 创建自己的填充 p-15 https://tailwindcss.com/docs/padding#customizing-your-theme
另外，我建议您在 VSCode 中使用 Tailwind CSS IntelliSense 插件
theme: {
extend: {
padding: {
'15': '3.75rem', // 60px
}
}
}
}```
我在尝试使用 px-14(3.5rem) 添加填充到 HTML 时遇到错误，但它不起作用。我将其添加到样式 CSS（Tailwind 文件）中，并且它起作用了。即使您在 tailwind.configjs 中进行更改，某些代码也不会显示在 tailwind 中