把一个属性的值设置为auto，就是让各个浏览器对该属性使用各自的默认值。
定义一个方向为auto，让浏览器自动选择合适的margin（页边距）大小；
margin:0 auto可以实现水平居中，其相当于margin：0，auto，0，auto
margin:auto = margin:auto auto auto auto
margin:0 auto = margin:0 auto 0 auto
margin:n m p q表示该元素上外边bai距为n，右外边距为m，下外边距为p，左外边距为q，即 margin:上 右 下 左 ，逆时针一圈。
扩展资料：
“margin:20px”表示四个方向的外边距都是20px；
“margin:20px 40px”表示top为20px，right为40px；由于bottom和left缺省，所以自动将它们分别设为20px和40px。转化为第4种写法为：“margin:20px 40px 20px 40px”。
“margin:20px 40px 60px”表示top为20px，right为40px，bottom为60px；由于left缺省，所以自动将它设为40px。转化为第4种写法为：“margin:20px 40px 60px 40px”。
参考资料来源：百度百科-margin
clear="both" 中both是去除左右浮动的；auto用在很多地方如：width="auto"是根据对象大小来自动调整宽度，height="auto"同宽度相似，而用在margin:0 auto 里面意思是0表示上下(top/bottom) ,而auto表示左右自适应也就是居中；
