CSS的两种盒模型 在最近的工作中，经常遇到给元素设置了 padding 之后元素就超出了原来设定的宽高，就不得不加一个 box-sizing: border-box; 使得元素的内边距在其内部展示，但是对于为什么要使用该属性还是不太熟悉，故学习了一下并简单记录。 在前端的 CSS 工作模式中，每个元素都可以看做是一个盒子，这就是我们所说的盒模型、之所以会初上上述的问题是因为现存有两种盒模型： * W3C的标准盒模型 * IE的盒模型 1. W3C的标准盒模型 在标准的盒子模型中，widh指content部分的宽度 2. IE的盒模型 在IE盒子模型中，width Continue reading