前言
大家好，我是HoMeTown，CSS是作为前端必有技术栈之一，但是有很多同学其实对CSS的盒模型都不是很了解，今天想聊一下Css盒子模型。
盒模型是什么
首先当一个Document对进行布局（layout）的时候，浏览器的UGI渲染引擎会根据基础框盒模型，把所有的元素拟态成一个个盒子，这个盒子有4个部分组成：
- content 即实际的内容，包括文本&图像
- padding 即内边距，清楚内容周围的区域，内边距是透明的，并且不能为负
- border 即边框，指的是围绕元素内容的内边距的n条线，由
width、color、style3部分组成 - margin 即外边距，在元素外创建额外的空白距离区域，该区域通常不能放置其他的元素
二维视图：
三维视图：
举个
