margin是外部的距离 那么为什么可以让元素里的内容居中呢不解
元素里面的内容并没有居中,你可以增加width像素值看看
auto有自动居中的效果,可以理解为auto会根据浏览器的宽度自动的设置两边的外边距,原理就是:(在当前浏览器分辨率下浏览器的宽度-外包含层的宽度)/2=外边距。
其限制条件是:不能在设置了margin:20px auto;再另外设置浮动(float)、绝对定位(absolute、fixed)