弹性盒模型布局网页。弹性盒布局模型是CSS3规范中提出的一种新的布局方式。使用该模型,可以很轻松地创建自适应浏览器窗口的布局，可以解决浮动定位等方法难以解决的问题（李东海，HTML5+CSS3从入门到精通：清华大学出版社，2017；曾祥利，柴炜嘉，响应式布局中栅格系统和弹性盒子的比较：产业与科技坛，2015），为网页设计提供了更加灵活的操作方法。
要开启弹性盒模型，只需要设置父盒子的display属性值为box（或者inline—box）即可，实现父容器里面子元素的排列方式、顺序、方向等问题。比如不使用浮动和定位的情况下实现块级元素的水平排列，可以把父元素的宽度按照比例分配子元素且自适应高度。但是部分浏览器还不能很好的支持CSS3的属性,在书写CSS代码的时候,需要明确目标浏览器前缀。
2011年之后，display属性值改设为flex（或者inline-flex），大部分新版浏览器基本都不用使用前缀了，这也是所谓的标准语法或新版本语法。但是display:flex不能完全替代display:box。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
