盒模型

盒模型

CSS盒模型分为标准模型和IE模型
标准模型：width = 内容content 的宽度；(默认）
　　　　　　设置方式： box-sizing:content-box;
　　　　　　
IE模型：width = 内容content + 边框border + 内边距paddig 的宽度；
　　　　　　设置方式： box-sizing:border-box;

js如何获取盒模型的宽高

 1.dom.style.width/height                  

只能获取到dom的内联样式

 2.dom.currentStyle.width/height        

获取到的是dom的实际宽高，但这种方式只在IE中可以使用

 3.window.getComputedStyle(dom,null).width/height                  

获取到的是dom的实际宽高，但是不支持IE

 4.dom.offsetWidth/offerHeight                      

最常用的，兼容性最好的
　第二种和第三种适用三目运算符结合使用，适用所有浏览器