记录--有关CSS盒模型之内边距、边框、外边距的十九问题

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助

创新互联建站服务项目包括广宗网站建设、广宗网站制作、广宗网页制作以及广宗网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，广宗网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到广宗省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考和遇到的问题以评论的方式补充下，后期，我将会补充到文章中

第一问：什么是盒模型？

可以说，页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：外边距（margin）、边框（border）、填充（亦称内边距）（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content 的宽度相加。

但是，盒模型有标准盒模型和IE的盒模型。

第二问：两者的区别是什么？

我们先来看两张图：

标准的(W3C)盒模型：

IE盒模型：