CSS盒模型：
一 基本概念：
分為標(biāo)準(zhǔn)模型+IE模型师倔。
二 標(biāo)準(zhǔn)盒模型和IE盒模型的區(qū)別。CSS如何設(shè)置這兩種盒模型瑞筐。
1.標(biāo)準(zhǔn)的：box-sizing：content-box;(瀏覽器默認(rèn)的) 2.IE的 box-sizing:border-box;
三?JS如何設(shè)置獲取盒模型對(duì)應(yīng)的寬高。
1.Dom.style.width/height(只能取內(nèi)聯(lián)樣式的寬和高。 ??style標(biāo)簽內(nèi)的寫法音瓷，以及外聯(lián)的都取不到。)
2.Dom.currentStyle.width/height;(三種樣式都支持夹抗，是拿到渲染以后的寬和高绳慎，相對(duì)準(zhǔn)確，但是只能用于IE瀏覽器。)
3.Window.getComputentdStyle(dom).width/height;通用性更好杏愤。推薦
4.Dom.getBouningClientRect().width/height;能拿到元素真實(shí)的寬和高靡砌。 應(yīng)用場(chǎng)景，計(jì)算元素的 絕對(duì)位置 根據(jù)視窗view port 可以拿到四個(gè)元素珊楼，left top width height;
?實(shí)例（根據(jù)盒模型解釋邊距重疊）
四 BFC（邊距重疊解決方案）
基本概念：塊級(jí)作用域格式化上下文通殃。
五 原理（渲染規(guī)則）：
1.bfc這個(gè)元素垂直方向的邊距會(huì)發(fā)生重疊。
2. bfc的區(qū)域不會(huì)與浮動(dòng)的box區(qū)域重疊厕宗。（清除浮動(dòng) ）
3. Bfc在頁(yè)面上是一個(gè)獨(dú)立的容器画舌，外邊的元素不會(huì)影響里面的的元素，相反也一樣媳瞪。
4. 計(jì)算bfc高度骗炉，浮動(dòng)的高度也會(huì)參與計(jì)算照宝。
六 如何創(chuàng)建BFC：哪些css的寫法能創(chuàng)建bfc蛇受？
1.overflow：hidden auto；
2.float值不為none;
3.只要position:的值不是static或者是relitive那就是創(chuàng)建了一個(gè)bfc;?
4.display屬性inline-box ?table相關(guān)的屬性也是創(chuàng)建一個(gè)bfc厕鹃；
七 BFC的使用場(chǎng)景有哪些兢仰？
Bfc不與float重疊。 float影響了普通文檔流生成的高度（清除浮動(dòng)）BFC子元素即使是float也會(huì)參與計(jì)算;
