如何理解盒子模型?

212 阅读1分钟

1.盒模型的概念?

盒模型本质上是一个盒子,封装周围的html元素. 盒模型包括外边距(margin),边框(border),内边距(padding),文本内容(content).

2.盒模型的分类?

标准盒模型,IE盒模型.区别? 主要区别就是在计算宽高的时候的不同 标准盒模型的宽高= 内容宽高+内边距+边框 IE盒模型的宽高=内容宽高+外边距

3.如何设置盒子模型?

浏览器默认标准的盒子模型 box-sizing:content-box IE盒子模型 box-sizing:border-box

4.js获取盒子模型的宽高?

dom.offsetWidth / dom.offsetHeight

5.关于盒子模型的问题?

边距重叠的问题,怎么解决?BFC---块级格式化上下文