px
像素，相对长度单位，是相对于显示器屏幕分辨率而言的。
em
em,相对长度，em的大小是根据父元素的font-size大小变化的，如果父元素没有的话，会向上追溯。任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。
inner继承父元素two的font-size为50px, 所以 .inner 的font-size：1em = 1*50 = 50px;
rem
rem,相对长度，rem是基于html字体中font-size的大小而做改变。浏览器默认字体大小是16px，1rem=16px。
one的border的宽度1rem = 1*20 = 20px, rem的值取决于html根元素的font-size的值。
小试牛刀
em和rem的区别
浏览器根据谁来转化成px值，em 是基于使用他们的元素(父元素)的字体大小，rem 单位基于 html 元素的字体大小。
爱上一句话
正是因为没有看到答案，所以才值的走下去，而我们就是最好的答案。
