弹性盒模型是CSS3新增的新型布局方式,它比传统的浮动布局方式更加完善、更加灵活,而使用方法却非常简单。
    开启弹性盒模型的方法,就是把display属性值设置为box或inline-box。目前还没有浏览器支持box属性值,为了兼容webkit内核和gecko内核的浏览器,可以分别使用-webkit-box和-moz-box属性。开启弹性盒模型后,文档就会按照弹性盒模型默认的方式来布局子元素。
    例:弹性盒模型
    1.png2.png