什么是CSS和模型，又称盒模型（BoxModel），包括元素内容（content）、内边距（padding）、边框（border）、外边距（margin）的区别IE模型的几个元素之间是宽度和高度。标准模型的width和height是内容的高度，IE模型的width是border和paddingcss。这两个模型如何设置box-sizing:content-boxbox-sizing:border-box在IE模式下，padding是在里面计算的box-sizing:content-box默认获取css中DOM的宽高。第一种方法是dom.style.heightdom.style.width，这种情况下只能在inlinestyle中获取一个，但是写在link上面或者outside的时候是获取不到style的。第二个dom.currentStyle.width只有IE支持。第三个方法是window.getComputedStyle(a).height。第四个方法在原生JS中提供了getBoundingClientRect()方法。用于分别获取left、top、right、bottom相对于浏览器窗口的位置。right是指元素的右边界到窗口最左边的距离，bottom是指元素的下边界到窗口顶部的距离。什么是BFC？BFC（Blockformattingcontext）直译为“块格式化上下文”。它是一个独立的渲染区域，只有Block-levelbox参与。它规定了内部Block-levelBox如何布局，与该区域外部无关。原理：bfc垂直边距重叠，bfc区域不会与浮动元素重叠的框bfc是容器。外部元素不会影响内部元素。bfc高度浮动元素的计算也会参与计算。如何形成：根元素float属性不为none，position为absolute或fixeddisplay为inline-block，table-cell，table-caption，flex，inline-flexoverflow不可见：CreateBFCtoavoidverticalmarginoverlayCreateBFCtoclearfloating创建BFC实现自适应布局
