关于CSS 浮动及清除：网页设计员必备的两个工具(2)

下面这种现象被称为文件流：内联盒模型在其上层块状盒模型中横向流动，而块状盒模型纵向流动。盒模型按照元素在HTML标记中的顺序出现。

看看下面这个简单的HTML文档（我只给出body元素之内的部分）：

以下为引用的内容：
<p>This is a very simple document.</p>
<p>It consists of <em>two</em> paragraphs.</p>

图1显示了该文件的屏幕截图，其上的装饰层显示了由p元素生成的两个块状盒模型以及由em元素生成的内联盒模型。

#FormatImgID_0#

所有在输出设备上排成一“线”的内联盒模型都被装在想象中的长方形里，这种长方形叫做线框。线框总是从上到下排列的，彼此之间没有间距，如图2所示：

#FormatImgID_1#<