老师，那display:box在平时工作中用的多吗？

在实际工作中还是使用到的，display:box；是display:flex;弹性布局之前的名称，在实际的测试中display:flex不能完全的替代display:box，因为display:flex的浏览器兼容性比较麻烦。

设置了display:box;之后再设置每一项的排列方式为vertical：

在不设置子元素的宽度下，宽度为100%：

如果设置了子元素宽度，就是设置了宽度了：

效果：

自己可以测试下，祝学习愉快！

-webkit-box-orient:vertical;

设置子元素上下垂直排列的同时还会使子元素占满整行吗？