div{width:200px;高度:200px;边框:1px纯红色;padding:50px;盒模型:盒子模型,又称为盒模型(BoxModel)盒模型的主要属性:width、height、padding、border、margin;width:内容的宽度height:内容的高度(不是盒子的宽度、高度)padding:内边距border:边框margin:外边距例子:div{width:200px;高度:200px;边框:1px纯红色;padding:50px;标准盒模型和IE盒模型:标准盒模型:【标准盒模型的范围包括margin、border、padding、content,content部分不包括其他部分;】IEboxmodel:【IE盒模型的范围包括margin、border、padding、content,和标准盒模型不同的是:IE盒模型的content部分包含border和padding;】标准盒模型和标准盒模型的区别IE盒模型:在标准盒模型中,宽高是指内容区域的宽高。增加填充、边框和边距不会影响内容区域的大小,但会增加元素框的整体大小。在IE盒子模型中,宽高指的是内容区域的宽高+border+padding。盒模型面试题1、css盒模型的基本概念?2、标准模型和IE模型的区别:计算出的高和宽的区别,怎么不一样,高和宽是怎么计算的?3、css如何设置这两个模型?4、js如何设置获取到的盒子模型对应的宽高?5.例题(根据box模型解释marginoverlap)