一：什么是盒模型说到盒模型，大家肯定能想到content、padding、border、margin，不过盒模型分为标准盒模型和IE模型两种。它们之间的主要区别在于宽度和高度的计算。1、标准盒模型的宽高不包括padding和border2、IE模型的宽高是padding和border的和。这两种模式的设置方法也很简单。标准盒模型：box-sizing:content-boxIE模型：box-sizing:border-box二：js获取盒模型的宽高1.dom.style.width/height该方法只适用于行内元素2.dom.currentStyle.width/height这个方法解决了1的问题，但是只适用于IE3.window.getComputedStyle(dom).width/height兼容性好，适用于大部分浏览器4.dom.getBoundingClientRect().widht/height注意：dom.getBoundingClientRect()返回一个TextRectangle对象，这个对象包含了相对于窗口位置的元素集合（左、右、上、下）三：BFC的原理以及如何创建BFC全名BFC:BlockFormattingContext（块级格式化上下文）原理：同一个bfc下外边距重叠，bfc外的元素不会影响里面的元素。bfc在计算高度的时候也会包含浮动元素，bfc可以防止浮动元素被覆盖 1 2 3 1 2
