”回 回“比方说将前边这两个还回字看成是两个块状元素。把第一个“回”字里面的小“口”看作是元素内容，而这个小“口”跟包含着它的大”口“之间的空白叫做内层（也就是内边距），而两个“回”字之间的空格叫外层（也就是外边距

这概念有点问题。

要是细分的话，盒模型可以分5层，最上层是border层，往下依次是content+padding层，background-image层，background-color层和margin层，这5层叠加起来形成的是一个盒模型的整体的平面视觉效果，但这个不能叫层模型，顶多叫盒模型的3D模型。而层模型指的是页面一种布局机制：定位。所以非要说它们有什么关系的话，盒模型是页面布局的基础，层模型是页面布局的一种方式，它们都和布局有关。。。

至于 div它是个典型的用于(实际上是专用于)页面布局的盒模型，所以肯定是用它当示范的。实际上，所有元素都可以称作盒模型，可以验证，拿过来一个元素给他设置以上5个盒模型特性的属性和值，都是可以实现的。

但问题是。。。<div>人家是专业的容器，就像开网店进货一样，你会把同类的装在同一个纸盒箱子里，装车时只需研究怎么摆放这些箱子就行啦，div就相当于那个专业的纸盒箱，布局时会把同属于一个主题块的一大堆元素用一个<div>装起来，再给div取个身份，想给这个主题块布局的时候，通过身份(其实就是选择器)调取这个div,处理这个div就行啦。。。

这是指不同的方面吧，，，