CSS盒模型

一、分类

• 分为标准盒模型和IE盒模型

二、区别

• 标准盒模型的宽高值不包含padding+border
• IE盒模型的宽高值包含padding+border

三、js获取dom元素宽高

• dom.style.width/height （特性：只能获取内联元素）
• dom.currentStyle.width/height (获取渲染后的宽高，但是仅IE支持)
• window.getComputedStyle(dom).width/height (兼容性较2更好)
• dom.getBoundingClientRect().widht/height (rect 是一个具有四个属性left、top、right、bottom的DOMRect对象)

四、边距重叠问题