Box-sizing：小身材，大拳头！

国庆回来，很久没写博客了。一来是自己毫无时间，二是最近开发任务特别紧，三是节后综合症，脑子一片空白没有找到写作的原材料。今天，在加完班回来的22点，忙里偷闲，分享一下最近学到的一个小知识点如题。标题的灵感来自于暴雪的一款卡牌游戏：炉石传说中的一张卡牌的上场台词，觉得很契合本篇博客要表达的含义，身材小小，拳头大大呢！

盒子模型

Box-sizing属性一直比较陌生，在露珠平时的开发过程中一直都没机会见识，以前遇到应该用它解决的问题，很无耻的用了其他偷工减料，拿驴凑马的招来完成。后来才通过网上资料查到，原来它是设置box模型的计算方式的一种属性。说到box模型，了解w3c的同学一定不会陌生，它对盒子模型的定义如下：把每一个网页中的元素都看作是一个盒子，这个盒子有边框(border)，有内容(content)，有和在其他外面的盒子的间距(margin)，有和在其内盒子的边距(padding)。它的高度和宽度，取决于它的内容和边框以及内边距的总和。在浏览器中，通过开发者工具，我们可以很容

博文已经迁移至新地址