回答問題的時(shí)候要整理思路喳张,也就是你的思考方式是怎么樣的续镇?
1) 盒模型有兩種,W3C 和IE 盒子模型
? ? 1销部、W3C定義的盒模型包括margin磨取、border、padding柴墩、content,元素的寬度width=content的寬度
? ? 2凫岖、IE盒模型與W3C盒模型的唯一區(qū)別就是元素的寬度江咳,元素的width=border + padding + content
2) 對(duì)盒模型的理解
? ? IE定義的盒模型較為合理,所以在css3中新增了box-sizing哥放,包含兩個(gè)屬性content-box和border-box歼指。
? ? (1) content-box 元素的width = content
? ? (2)border-box 元素的width = border + padding + content
3)更多理解
?????對(duì)于行內(nèi)元素 margin-top/margin-bottom對(duì)于上下元素?zé)o效,margin-left/margin-right有效
? ? ?對(duì)于相鄰的塊級(jí)元素margin-top和margin-bottom兩者疊加按照一定的規(guī)則
? ? ? ? (1) 都是整數(shù) margin值取兩者的最大值
? ? ? ? (2) 都是負(fù)數(shù) margin值取最小值
? ? ? ? (3)兩者正負(fù)相反甥雕,margin值取兩者之和
再往深的說就是bfc的理解了踩身。