移动端布局 Css3 弹性盒子模型封装 display:box;

引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即使容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工做。在该布局模型中，容器会根据布局的须要，调整其中包含的条目的尺寸和顺序来最好地填充全部可用的空间。当容器的尺寸因为屏幕大小或窗口尺寸发生变化时，其中包含的条目也会被动态地调整。好比当容器尺寸变大时，其中包含的条目会被拉伸以占满多余的空

>>阅读原文<<