盒子模型

曾经分ie模型与w3c模型,ie6后,统一为w3c下的box model,历经三大版本
主要区别在于盒子的边界

相关概念

  • css3 - box-sizing
    设置元素(element)的边界(element width)
描述
content-box css2模型,即宽高到content为止
border-box 宽高到border为止(原ie的理解)
inherit 继承

吐槽,w3c后悔了,或者ie"余孽"太多?
就我个人来看,padding的背景色与element本身相同,以此带来的width理解的误差,很容易出事故

  • css1-Formatting model
  • css2
  • css3

你可能感兴趣的:(盒子模型)