使用百分数的时候，子栏目的所有属性(width、height、margin、padding等)都是根据父级栏目的宽高属性来设置的，如果是使用em的时候，子栏目都是根据他的父级栏目的字体大小设置的

.sub1{

        width: 150%;

        height: 150%;

        background-color: #2187E7;

        }

继承的是父级的width和height！所以sub1的宽度和高度最后应该是150px;

em他是根据父级的：font-size属性值来定义的，当body的font-size：16px时

sub2的宽度高度其实就只有16px!