CSS的盒子模型
在网页的制作中，布局是最重要的内容，而Div+Css则是主要的布局方式，在以前的使用中，总认为前端技术中，CSS和Html非常简单，用到的时候，查一个手册和文档，就可以了，没有必要花费大量的时间去学习。现在才意识到了问题的严重性，在实际的操作中，总会出现很多的问题，因此，决定对CSS知识进行一个重新的梳理与学习，主要对一些难点进行学习，本文用来记录自己的学习过程。
在学习中，感觉最难掌握的就是盒子模型的定位、布局、弹性盒模型、动画、等内容，本次学习将主要针对这些方面。
一、盒子模型
在盒子模型中，最大的问题就是设置盒子的宽度和高度的问题，一定要注意width和height指的是盒子模型的净宽和净高，也就是说，
整个盒子的宽度=外边距（margin)*2+边框宽度(border)*2+内边距(padding)*2，同理，其高度与宽度的计算方法相同。
二、box-sizing
该属性主要用来设置如何计算盒子模型的宽度和高度。其值有以下几个
content-box：默认行为，宽度和高度指内容的宽和高，盒子总宽和高包括内、外边距和边框宽
border-box：整个盒子的宽度=外边距*2+宽度，高度同理计算
inherit：规定应从父元素继承box-sizing属性的值