Div 相当于一个盒子吗?

你可以把

想象成一个盒子,也可以把它想成一个容器。

页面的构成元素形状都是矩形的,严格的说,元素形成了一个矩形的区域,这个区域就是 CSS 中最基本的布局要素, 常被称作 “box”,你可以在很多 W3C CSS2.1 规范的原文中看到 “box” 这个字眼。

“Box Module”,通常被译作“盒子模型”,有的地方被译作“框模型”。 因为 W3C 的很多地方用到了 “box” 这个词,有些地方译作“盒子”不大通顺,所以也可译作“框”。

为了给文档树中的各个元素排版定位(布局),浏览器会根据渲染模型为每个元素生成四个嵌套的矩形框, 分别称作 content box、padding box、border box 和 margin box,它们是不可分割的,并可能会重合, 这就是 CSS 规范中描述的“框模型”(box model)。它是以 CSS 的角度去看一个元素被渲染后的抽象形态。

更详细的阅读和介绍:http://www.w3.org/TR/CSS2/box.html