css盒子模型

今天无意中被人问到css盒子模型的问题，说实话，做了那么多div+css，写了那么多代码，这个还真没仔细研究一下，主要是我一直只是研究css代码的写法，对这个理论问题还真没注意，在网上搜了一下，原来很简单，用这个图就很简单的说明了这个问题：

内容(content)、填充(padding)、边框(border)、边界(margin)， 这就是一个完整的css盒子了。其实写css最多的时候要精于计算，少了一个px也可能导致网页变形，因为必须保证每个盒子的高宽统一，理解了盒子，你写css也能得心应手了：）