box-sizing

Question

box-sizing:border-box有什么作用

Answer 1

content-box：border和padding不计算入width之内padding-box：padding计算入width内border-box：border和padding计算入width之内  .content-box{         box-sizing:content-box;         -moz-box-sizing:content-box;         width: 100px;         height: 100px;         padding: 20px;         border: 5px solid #E6A43F;         background: blue;     }     .padding-box{         box-sizing:padding-box;         -moz-box-sizing:padding-box;         width: 100px;         height: 100px;         padding: 20px;         border: 5px solid #186645;         background: red;                     }     .border-box{         box-sizing:border-box;         -moz-box-sizing:border-box;         width: 100px;         height: 100px;         padding: 20px;         border: 5px solid #3DA3EF;         background: yellow;     }自行比较吧。