CSS中padding:45px auto不生效，padding:45px 0正常的问题咨询

padding属性根本不支持auto作为有效值，这是问题的核心。CSS规范里，padding的取值只能是长度单位（如px、em）、百分比，或者inherit/initial这类关键字，auto是专门给margin设计的取值（比如用来实现水平居中），完全不适用于padding。

看你的代码：

• 当你写padding:45px auto时，这个声明属于无效CSS，浏览器会直接忽略它，相当于没写这行。
• 后面的padding:45px 0能生效，是因为0是合法的长度值，符合padding的取值规则。

再明确下padding简写的规则：

• 传入两个值时，第一个值对应上下内边距，第二个值对应左右内边距。
• 你需要的是上下45px内边距，左右无额外内边距，所以padding:45px 0是完全正确的写法。

修正后的代码 #

footer {
  border: 1px dotted grey;
  text-align: center;
  padding: 45px 0; /* 上下45px，左右0，合法生效 */
}

<html>
<body>
    <footer>
        <p>&copy; 2024 Footer Text</p>
    </footer>
</body>
</html>

内容的提问来源于stack exchange，提问作者Rakesh Mhasawade