2、其它属性的计算公式需要换成
1 ÷ 元素的font-size × 需要转换的像素值 = em值
那么我们现在来计算一回：
#wrapper {font-size: 0.875em;/*1 ÷ 16 × 14= 0.875em值*/width: 14.2857em;/*1 ÷ 14 × 200 = 14.2857em值*/height: 7.1429em;/*1 ÷ 14 × 100 = 7.1429em值*/border: 0.357em solid red;/*1 ÷ 14 × 5 = 0.357em值*/margin: 1.071em;/*1 ÷ 14 × 15 = 1.071em值*/padding: 0.714em;/*1 ÷ 14 × 10 = 0.714em值*/line-height: 1.2857em;/*1 ÷ 14 × 18 = 1.2857em值*/}我们在来看一次计算出来的值：
总结
长篇介绍了一大堆，唯一想告诉大家的是以下几点
1、浏览器的默认字体大小是16px
2、如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值，我们都可以按下面的公式来计算
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
3、这一种千万要慢慢理解，不然很容易与第二点混了。如果元素设置了字体大小，那么字体大小的转换依旧按第二条公式计算，也就是下面的：
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
那么元素设置了字体大小，此元素的其他属性，如“border、width、height、padding、margin、line-height”计算就需要按照下面的公式来计算：
1 ÷ 元素自身的font-size × 需要转换的像素值 = em值
这样说，不知道大家理解了整明白了没有，如果没有整明白，可以回过头来看上面的一个实例。
