为了让大家可以更好地理解盒子在标准文档流的定位原则，在这先让大家熟悉下什么是标准文档流。
标准文档流简称标准流，是指在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则，既CSS规定的默认的块级元素和行列元素的排列方式，这里大家可能对块级元素和行内元素就有疑惑了，没事，下面我就给大家介绍下这两个概念。
1、行内元素：不占有独立的区域，元素之间横向排列。设置行内元素的宽和高是没有用的。
2、块级元素：所谓的块级元素即是这些元素总是以一个块的形式表现出来（占有一定矩形区域），并且跟同级的兄弟块依次竖直排列，左右撑满。
注意：这两个概念从DOM角度来说是没有区别的，都是树上的一个节点，但是在CSS上来说，二者有很大的区别，块级元素拥有自己的区域，行内元素则没有。
下面通过举<span>和<div>标签让大家可以再更好地理解行内元素和块级元素。
<div>是一个区块容器标记，可以容纳段落、标题等各种各样的HTML元素，还有<div>是一个通用的块级元素，这些特点跟<span>是一样的，<div>与<span>最大的区别在于<div>是一个块级元素，它包含的元素会自动换行，而<span>是一个行内元素，在它的前后不会自动换行，其没有结构上的意义，纯粹是应用样式。还有一点要注意 的是，<span>可以包含于<div>中，成为其子元素，而<div>是不可以容纳于<span>中。
例子：
代码：
<body>
<div> <img src=“22.jpg” border=“0” /> </div>
<div> <img src=“22.jpg” border=“0” /> </div>
<span> <img src=“22.jpg” border=“0” /> </span>
<span> <img src=“22.jpg” border=“0” /></span>
</body>
显示效果：
希望通过上面的例子大家可以较好地理解行内元素和块级元素，这样对于后面的盒子在标准流的定位就可以较好地理解了。希望phplife.net 能为大家带来更好地帮助。