w3c box和ie box[亲测有效]-IEBOX游戏机使用

w3c box和ie box[亲测有效]iebox是在w3cbox基础上加上box-sizing:border-box;属性，两个盒子的的宽高计算并不相同。例如一个box的width=100px，height=100px，border的数值都为1px，margin-left=10,margin-right=20,margin-top=30,margin-bottom=40,padding-left=10,padding-right=2…

ie box是在w3cbox基础上加上box-sizing:border-box;属性，两个盒子的的宽高计算并不相同。例如一个box的width=100px，height=100px，border的数值都为1px，margin-left=10,margin-right=20,margin-top=30,margin-bottom=40,padding-left=10,padding-right=20,padding-top=30,padding-bottom=40,w3c box的内容区宽为100px，高为100px，盒子的宽为100+1+10+20+1=132 高为100+1+1+30+40=172，所占空间高度为100+1+1+10+10+20+20=162,高为100+1+1+30+30+40+40=242。ie box的内容区宽为100-1-1-10-20=68,高为100-1-1-30-40=28 盒子的宽为100，高也为100，所占空间的宽100+10+20=130，高为100+30+40=170。