1.标准的 css 的盒子模型与低版本 IE 的盒子模型(怪异盒模型)的区别
CSS 盒子模型:
外边距(margin) 内边距(padding) 边框(border) 内容区(width、height)。
![](https://img-blog.csdnimg.cn/15edf65e0a844e7ba187923fe21833a5.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA56CB5Yac6ZSu55uY5LiK55qE5qKm,size_16,color_FFFFFF,t_70,g_se,x_16)
CSS 盒子模型与低版本 IE 的盒子模型的区别:宽和高不一样。
①标准的 CSS 的盒子模型的宽高:
内容区的宽高。
②低版本 IE 的盒子模型的宽高:
宽和高=内容区+内边距+边框。(即:宽=width + 左右padding + 左右边框 , 高=height + 上下padding + 上下border )