css中box-sizing(两种盒子模型)

content-box(标准盒子模型)

以content为边界,宽高只是content的宽高,padding是像外,盒模型会变大

border-box (ie盒子模型)

以border为边界,宽高包括边框和内边距, border + padding + content = width;
给定宽高后再给padding,是向内,盒模型的宽高不会改变

你可能感兴趣的:(css中box-sizing(两种盒子模型))