盒子模型
2019-07-29 本文已影响0人
刘程源
曾经分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
