bfc - 使用auto

7个属性和为600px，无padding和border（主要关注蓝色盒子）

三个属性中随意一个设置为`auto`，余下的两个属性设置为特定值，那么设置了`auto`的属性的值就会被指定相应的值，以保证元素框的宽度等于父元素的`width`

.box1 {
width:100px;
margin-left: auto; /* 实际上margin-left = 400px*/
margin-right: 100px;
}

三个属性都设置为非auto，那么会将margin-right强制为auto

.box2 {
width:100px;
margin-left: 100px;
margin-right: 100px; /* 此时 margin-right不是100px，而是400px */
}

margin-right和margin-left为auto，width为特定值，那么元素会居中

.box3 {
width:100px;
margin-left: auto;
margin-right: auto;
}

三个属性都设置为auto，两个外边距为0，width为600px

.box4 {
width:auto; /* 实际上，width = 600px */
margin-left: auto; /* 实际上margin-left = 0 */
margin-right: auto; /* 实际上margin-right = 0 */
}