CSS 盒子模型，绝对定位和相对定位

盒子模型

什么是盒子模型

在HTML文档中，每个元素都有盒子模型。由外到内分别为最外边距区域(margin area)，边框区域(border area)，内边距区域(padding area)和内容区域(content area)。

一个简单的例子：

<div class="content"></div>

.content {
   
    width: 200px;
    height: 200px;
    margin: 50px