详细认识一下CSS盒子模型

定义 CSS把每个元素看成是一个个单独的框，这里就叫它“元素框”吧。而CSS 盒子模型 (Box Model) 可以理解成一种规范，它规定了元素框处理其“最里边的内容区域（例如文本，图像等）”、“内容周围填充的区域”、“边框” 和“边界区域”的方式。 PS: 为了方便区分概念，通常也会把“填充”叫做“内边距”，把“边界”叫做“外边距”。 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距

>>阅读原文<<