html 遇到margin居中的问题

           今天在写div时发现不居中，

           div{

                     margin:0 auto;

            }

           那么给div一个固定的宽度，就会居中了      

           div{

                     margin:0 auto;

                     width:500px;

            }