CSS padding简写混淆

Question

padding:45px 65px 95px;

为什么在甚至没有给出左填充值的情况下，上面的速记会将左填充设置为 65px？

这让我有点困惑。

Answer 1

这确实令人困惑，但这只是 CSS 的工作原理。如果您指定 1 个值，它将用于所有四个面。如果您指定两个，第一个将是 top/bottom 填充，第二个将是 left/right。因此，当指定三个时，它变为 top、left/right、bottom，与仅提供两个值时的用法相呼应。