当您width在要应用的对象上指定时margin: 0 auto，该对象将位于其父容器的中央。

指定auto为第二个参数基本上会告诉浏览器自动确定左右边距本身，方法是将它们均等设置。它保证左右边距将设置为相同的大小。第一个参数0表示顶部和底部边距都将设置为0。

margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;

因此，举个 例子 ，如果父级为100px，子级为50px，则该auto属性将确定在margin- left和之间共享50px的可用空间margin-right：

var freeSpace = 100 - 50;
var equalShare = freeSpace / 2;

这将给：

margin-left:25;
margin-right:25;

您不必指定父级宽度，而只需指定子对象的宽度。