保证金是多少：5px 0;和保证金：5px 0 0;意思？

Question

margin:5px 0;是margin:5px 0 0 0;还是margin:5px 0 5px 0;？

margin:5px 0 0;是margin:5px 0 0 0;是什么意思？

当然，填充相同。

此外，它是否在所有浏览器（包括IE6）中保持一致？

Answer 1

根据Box Model：

  

  
• 如果只有一个值，则适用   各方面。
  
• 如果有两个值，   顶部和底部边距设置为   第一个值和右侧和左侧   边距设置为第二个。
  
• 如果   有三个值，顶部已设置   到第一个值，左和右   设置为第二个，底部   设置为第三个。
  
• 如果有四个   值，它们适用于顶部，正确，   分别为底部和左侧。
  

body { margin: 2em }         /* all margins set to 2em */
body { margin: 1em 2em }     /* top & bottom = 1em, right & left = 2em */
body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */

这是由CSS标准定义的，因此它应该在所有正确实现CSS的浏览器中保持一致。对于浏览器兼容性，请查看blooberry的CSS Support History和quirksmode。根据blooberry的说法，margin首先在IE3中实现，因此IE6应该没问题。

Answer 2

对于边距和填充，您可以指定一个，两个，三个或四个以空格分隔的值：

1. 一个值：所有四个方面都使用该值。
2. 两个值：顶部/底部获取第一个值; 左/右获得第二个
3. 三个值：顶部获得第一个，左/右获得第二个，底部获得第三个
4. 四个值：顶部，右侧，底部，左侧（即<强>中午顺时针）获取每个值

Answer 3

margin: 5px 0;表示margin: 5px 0 5px 0;

margin: 5px 0 0;表示margin: 5px 0 0 0;

所有浏览器都遵循这一点，包括IE 6。