1混滔、標(biāo)準(zhǔn)模型
2、IE模型
3歹颓、CSS如何設(shè)置這兩個(gè)模型
box-sizing:content-box; //瀏覽器默認(rèn)
box-sizing:border-box
4坯屿、JS如何獲取盒模型對應(yīng)的寬和高
dom.style.width/height //只能取到內(nèi)聯(lián)樣式
dom.currentStyle.width/height //只有IE支持
window.getComputedStyle(dom).width/heigth //通用性更好
dom.getBoundingClientRect().width/heigth //計(jì)算一個(gè)元素的絕對位置，根據(jù)視窗（左上角）絕對位置巍扛，拿到4個(gè)元素（top领跛、right、bottom撤奸，left）
5吠昭、實(shí)例題
子元素高度為100px，上邊距為10px胧瓜，計(jì)算父元素的高度
6矢棚、BFC（邊距重疊解決方案）
（1）BFC基本概念
- 塊級格式化上下文
（2）BFC原理（BFC渲染規(guī)則）
- 在BFC這個(gè)元素的垂直方向的邊距會發(fā)生重疊
- BFC區(qū)域不會與浮動元素的邊距重疊，常用于清除浮動和布局
- BFC在頁面上是一個(gè)獨(dú)立的容器贷痪，外邊的元素不會影響里面的元素幻妓，反之亦然
- 計(jì)算BFC高度的時(shí)候，浮動元素也會參與運(yùn)算
（3）怎么樣創(chuàng)建BFC
- float不為none
- position值不是static或者relative
- display為inline-block 或table相關(guān)的display
- overflow不為visible劫拢，等于auto肉津、hidden
（4） 使用場景
