填充底部或Y轴不工作，如果大于10 (pb-10)

Question

我试图为封装在以下代码中的表单设置样式：

<div class="flex flex-row py-10">
  <div class="basis-2/12"></div>
  <div class="basis-4/6">
    ...
  </div>
  <div class="basis-2/12"></div>
</div>

所以，如果我没有编写py-10，而是编写了pt-10和pb-10，那么我就得到了填充。但是如果我使用pb-14或pb-16，底部填充就消失了。与任何值的py-一样，没有显示任何填充。

有什么想法，我可能做错或不理解CSS在一般？

Answer 1

这些都工作得很好，我已经测试过了，并附上了这里输出的屏幕截图。如果您仍然有任何疑问或问题，请与我分享确切的代码和问题。

谢谢

pb-16和py-14工作正常。

我通过添加bg颜色来测试