为什么填充在保证金属性之后不能正常工作？

Question

div {
  height: 50px;
  width: 100px;
  border: 4px solid #ff0000;
  border-radius: 5px;
  background-color: #308014;
  margin: 20px 50px 10px 5px
  padding: 40px;

  /*padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  */
}

就像在这个代码示例中一样，padding不会起作用，不会发生。但是如果我把它放在margin属性之前（在background-color之后）它会正常工作。这是什么原因？感谢。

Answer 1

在保证金属性之后错过;有一个简单的印刷错误。

div 
{
  height: 50px;
  width: 100px;
  border: 4px solid #ff0000;
  border-radius: 5px;
  background-color: #308014;
  margin: 20px 50px 10px 5px;
  padding: 40px;
  /*
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  */
}