【文件属性】：
文件名称：14-弹性盒导航.html
文件大小：927B
文件格式：HTML
更新时间：2022-09-24 10:01:42
弹性盒布局
1)弹性盒也叫伸缩布局盒模型
它是**css3**引入的一种新的布局模式——**flexbox**布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的项目布局。相比之前的布局方式，更便利于开发。
2)主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）。flex容器会使子项目扩展来填充可用空间，或缩小他们以防止溢出容器。
3)专业术语解释
a、主轴-水平方向或者X轴
b、侧轴-垂直方向或者Y轴
c、伸缩容器（父元素）和伸缩项目（子元素）