为什么老师代码中设置了margin: 0 auto;但并没有实现居中？

老师你好，视频中

#wrap{

position: relative;

width: auto;

height: auto;

margin: 0 auto;

}

#wrap > div{

float: left;

box-sizing: border-box;

width: 280px;

height: auto;

margin:10px;

padding: 10px;

border-radius: 5px;

background: #fff;

}

容器宽度设置为auto，那么容器宽度应该随子元素div的多少而发生变化。如果浏览器页面只能放三列，那么此时容器宽度应该是300x3=900。为何此时宽度为900px的容器并没有根据设置的margin: 0 auto实现居中？