CSS盒模型标准模型IE模型标准模型width表示内容的宽度，IE模型width表示border+padding+content的宽度。设置这两个模型可以使用：box-sizing:content-box；/*浏览器默认值*/box-sizing:border-box;getwidthandheightdom.style.width/height只是内联样式设置的宽高是可以获取到的，用标签引入的css是获取不到的。dom.currentStyle.width/height//IEwindow.computedStyle(dom).width/height//Standard不管是什么样式，都可以得到宽高，是渲染后的实际宽高。dom.getBoundingClientRect().width/height获取元素的宽度和高度，以及相对于视口的lfettop。重叠的子元素的边距会反映在父元素上，相邻元素的边距会更大，空元素的上下边距会更大。BFCBFC指的是块级格式化上下文，这是一个有特殊规则的区域，它规定了内部元素如何布局，而不管外部元素。1、BFC有如下规则：上下相邻元素的外边距会重叠。BFC块不会与浮动元素重叠。内部浮动元素也参与BFC高度的计算。2、BFC的触发：float属性不是none；位置：绝对/固定；溢出：自动/隐藏；display:inline-block,table-cells,table-captions,orinline-flexBFCapplication1.解决overlappingmargins
使div触发BFC，内部元素的外边距不会反映到父元素上。<样式>.wrap{溢出：自动；}p{margin:5pxauto10px;}.bfc{溢出：自动；}