作为问题标题，css中“生成的框”是什么意思？ 文章链接： http://www.sitepoint.com/web-foundations/css-box-model/
答案 0 :(得分：3)
A＆＃34;生成的框＆＃34;只是一个与可视化格式结构中的元素相关联的框。单词＆＃34;生成＆＃34;具体是指根据元素的CSS属性创建一个框并在屏幕上绘制它的行为。 introduction to section 9 of the CSS2.1 spec很好地总结了它：
在可视化格式模型中，文档树中的每个元素根据box model生成零个或多个框。这些方框的布局由以下方式决定：
- 框尺寸和类型。
- 定位方案（正常流量，浮动和绝对定位）。
- 文档树中元素之间的关系。
- 外部信息（例如，视口大小，图像的内在尺寸等）。
大多数元素往往只生成一个框，但有些框可以生成多个框或根本不生成任何框。例如，以下内容生成一个100像素乘100像素的block box：
<div style="width: 100px; height: 100px; background-color: red"></div>
以下inline element生成两个内联框，每行一个：
<span style="line-height: 2; background-color: yellow">Text<br>Text</span>
以下list item生成两个框：一个包含项目符号的标记框，以及所谓的主框，内容所在的框以及应用此列表项的样式（给出here）的详细解释：
<ul>
<li style="list-style-position: outside; background-color: cyan"></li>
</ul>
您可以看到背景未延伸到标记框，但这只会发生，因为list-style-position为outside。将其设置为inside会使标记框与文本一起定位在主框中。然而，它仍然是它自己的独立实体。
设置display: none会导致元素生成 no 框。该元素保留在DOM树中，并且继承正常工作，但在视觉上它根本不存在。
答案 1 :(得分：0)
框是HTML元素周围的不同虚拟矩形。每个元素都有多个：直接围绕内容，边框的内外边缘以及包括边距在内的所有内容。
该文章的作者将这个矩形称为“生成的框”。