1.标准盒子模型box的总宽度=margin-left+margin-right+border-left+border-right+padding-left+padding-right+width（内容的宽度）盒子的总高度=margin-top+margin-bottom+border-top+border-bottom+padding-top+padding-bottom+height(内容的高度)2.奇怪的盒子模型(IE盒子模型)盒子的总宽度=margin-left+margin-right+widthboxtotalheight=margin-top+margin-bottom+heightwherewidth=border-left+border-right+padding-left+padding-right+contentwidthheight=border-top+border-bottom+padding-top+padding-bottom+contentheight3.弹性框1.父元素设置的属性(1)display:flex;设置父元素为flexbox(2)flex-direction主轴a的方向。弹性方向：行；左对齐默认排列b．弹性方向：行反转；右对齐C.弹性方向：列；垂直排列D.弹性方向：列反转；反向垂直排列，从后往前，最后一项排列在顶部(3)justify-content主轴的横线布局a.justify-content:flex-start起始位置默认值向后排列b.justify-content:flex-end从后往前排列c．证明内容：中心居中d。justify-content:space-中间距离相等，两边没有间距e.justify-content:space-around距离均匀分布（4）align-itemsvertical轴对齐a.align-items:flex-start起始位置向后b.align-items：flex-end从后向前排列c．align-items:centerverticallycentered2.子元素设置的属性flex-grow表示flex:1按照弹性盒子元素设置的扩展系数作为比例分配剩余空间。默认为0，即有剩余空间则不放大。分配剩余空间。0.1为10%，1为100%，超过100%
