近期在做公司的项目，梳理了另一个同事写的 wiget 基础组件，两个 widget 中间的间距他用的是 border 来达到视觉效果，但我总感觉这个盒子很奇怪，于是把 widget 重新梳理了一遍。

重新回顾和梳理一下盒子模型。

在一个文档中，每个元素都被表示为一个矩形的盒子。

两个 widget 是平级的，它们的之间的间距理应用 margin 来隔开。

外边距区域 用空白区域扩展边框区域，以分开相邻的元素。