盒模型概念CSScss盒模型，又称盒模型（BoxModel），包括元素内容（content）、内边距（padding）、边框（border）、外边距（margin）)几个元素。边距合并当垂直方向相邻的两个元素框垂直相遇时，边距会合并，合并后的边距的高度等于两个合并后边距中较高的边距值，如图：需要注意：Margin折叠仅发生在正常文档流中块框的垂直边距。行内框、浮动框或绝对定位之间的边距不会合并。box-sizing属性引入box-sizing：content-box|border-box|inherit;（1）content-box，默认值，允许设置的宽高值应用于内容框元素。框的宽度仅包含内容。即totalwidth=margin+border+padding+width(2)border-box，设置的width值其实就是border+padding+element除去margin的总宽度。盒子的宽度包括border+padding+content，即总width=margin+width。很多CSS框架都会简化盒模型的计算方式。(3)inherit，规定box-sizing属性的值要从父元素继承。一般设置为border-box比较好，符合浏览器之间直观的盒模型。(1)ul标签在Mozilla中默认有padding值，但在IE中只有margin有值。(2)标准盒模型和IE模型的区别：标准盒模型就是上面说的那种，而IE模型更像是box-sizing:border-box；它的内容宽度还包括边框和填充。解决方法是：在html模板中加入doctype声明。
