padding-left：50%，w3c盒模型和IE盒模型

假设一个盒子的高和宽为100px，如果设置他的padding-left：50%，那这个盒子会有什么变化？
百分比计算也分为两种

1. 该元素是非定位元素，
   width，height都是父元素content的高宽
   margin，padding的百分比（上下左右）都是依照父元素content的宽度计算的
2. 该元素为绝对定位元素
   width，height都是父元素（content+padding）的高宽
   margin，padding的百分比（上下左右）都是依照父元素（content+padding）的高度计算的

另外根据盒子也分俩种情况：w3c盒子和IE盒子

1. w3c盒子
   w3c盒模型的宽高=内容区的宽高。
   设置padding-left：50%，计算父元素的宽*0.5
   这样整个盒子会往右移动父元素的50%
   代码区：

 <style>
        .box {
   
            width: 600px;
            heig