1. 基本概念:标准模型和IE模型
2.两者区别?
- 标准模型的 宽和高,就是content的宽和高,
- 低版本IE模型的宽和高,包括了padding和border的宽和高
3.css如何设置这两种模型?
- box-sizing: content-boxl; 标准模型
- box-sizing:border-box; 低版本IE
4.js如何获取设置和模型的宽和高?
- 4.1 dom.style.width/height 只能获取行内样式(style设置的);
- 4.2 dom.currentStyle.width/height css三种设置方式(行内,内部style,外联link)都能获取到,但是只在IE环境下支持;
- 4.3 window.getComputedStyle(dom).width/height 均能获取,各浏览器都兼容
- 4.4 dom.getBoundingClientRect().width/heig