面试准备 盒模型

CSS盒模型（理论转化应用）

题目：谈谈对css盒模型的认识

 

基本概念：标准模型  和 IE模型

区别：计算高度和宽度的不同（理论）

标准：content  IE：计算border 和padding

css如何设置两种模型：

box-sizing: content-box(默认)

box-sizing: border-box

JS如何设置获取盒模型对应的宽和高：

dom.style.width/height ( 获取内联样式的宽高)

dom.currentStyle.width/height （获取已经渲染到页面的）！只有ie支持

window.getComputedStyle(dom).width/height  和第二个作用一样  但是兼容更好

 

解释边距重叠：

边距解决方案 IFC BFC：

 

 

来源：https://www.cnblogs.com/-constructor/p/11960433.html