css盒模型和BFC本文收集整理网上资源系统复习CSS盒模型和BFC,节省复习时间。10分钟阅读什么是盒子模型?在每个文档中,每个元素都表示为一个矩形框,它会有内容区域、padding、border、margin。高度是内容区域的宽度和高度。IE盒子模型的宽高是border+padding+contentarea。如何切换盒子模型?使用box-sizing将border-box切换为IE框模型content-box。默认属性为standardmodebox模型的marginoverlap主要分为三种overlap。重叠规则:一大一小取最大,一正一负取相邻元素之间的重叠。父子嵌套重叠。空块级元素1.相邻元素之间Between//css*{margin:0;填充:0;边框:0;}#d1{宽度:100px;高度:100px;边距顶部:20px;底部边距:20px;背景色:红色;}#d2{宽度:100px;高度:100px;边距顶部:10px;background-color:blue;}//html
