前端面试CSS篇（一）CSS盒子模型、BFC块级格式化上下文、清除浮动

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