Question

介绍一下标准的css的盒子模型？与低版本ie的盒子模型有什么不同的

Answer 1

标准的css盒子模型：他的宽度=内容的宽度+边框的宽度+加上内边具的宽度

比如：.box{width:100px;border:10px solid #ccc;padding:10px}

那么标准的css盒子模型中的box这个的总的宽度就是140px=100+10+10+10+10；

但是低版本ie的盒子模型box的宽度还是100px，

Answer 2

引用我命如天不如妖的回答：

标准的css盒子模型：他的宽度=内容的宽度+边框的宽度+加上内边具的宽度
比如：.box{width:100px;border:10px solid #ccc;padding:10px}
那么标准的css盒子模型中的box这个的总的宽度就是140px=100+10+10+10+10；
但是低版本ie的盒子模型box的宽度还是100px，

标准的css盒子模型：宽度=内容的宽度+边框的宽度+边距的宽度
实际宽度=左侧margin+左侧边框+左侧padding+width+右侧padding+右侧边框+右侧margin