css3笔记——盒模型解析模式,box-sizing属性

css3规范中新增了UI(User-Interface)模块,用来控制互用界面的呈现方式。符合标准的现代浏览器中盒子的width和height属性代表的是盒子的content区域,而在ie7以下的浏览器中对元素的呈现方式中border和padding都包含在width和height中,这样就造成了混乱,因此css3中新增了box-sizing属性来定义盒模型的尺寸解析方式,其值有: content-box:该属性维持css3以前盒模型的组成模式,即元素width/height=border+padding+content。 border-box:标准值,即元素width/height=content。 首先css的代码为: .box { width:250px; height: »