Html中的设定div标签的margin属性值auto后无法垂直居中问题的思考

Html中的设定div标签的margin属性值auto后无法垂直居中问题的思考## 标题

在块级元素中，Margin的auto值的计算方式

此图中，创建了一个id为container的块级元素，在normal flow这个正常文档流中，
Container将会获得一行空间，而行的高度为container设定的高度。
若没有设定宽度，这个元素将获得浏览整行的宽度，反之，这个元素只能在指定宽度中设置内容，
而除了设定了宽度部分，其余部分将变成不可设定内容部分，但依旧属于这个元素。
在为这个块级元素设定margin时，为它的左右margin赋值auto，它就会根据它其余部分去计算，最后平均分配空间，得到居中的效果。而对于上下margin设定auto值的话，在执行计算时，它根据上下空间多余部分去计算，此时上下并没有多余部分，也就是多余部分为0，所以计算最后只能得到的值为0。
因而要想给块级元素自动设定上下外边距，通过auto去计算是做不到的，只能通过给定确切的值去设定margin了。