普通流：从上到下排列，每个块元素占一行。

当标签元素使用浮动时，这时标签元素并不属普通流特性。而是属于文档流特性：从左到右排列，每个块元素不只要不超过父元素宽度，都可以在同一行内显示。

CSS有三种基本的定位机制：普通流、 浮动、绝对定位。 除非专门指定， 否则所有框都在普通流中定位。

在普通流中元素框的位置由元素在HTML中的位置决定。

p、h1或div等元素常被称为块级元素， 这意味着这些元素显示为一块内容， 即“块框”。 与之相反， a和span等元素被称为行内元素， 因为他们的内容显示在行中， 即“行内框”。

可以使用display属性改变生成的框的类型。 通过将display设置为block，可以让行内元素表现得像块级元素一样。将display属性设置为none， 让生成的元素根本没有框。 这样，这个框及所有内容就不再显示， 不占用文档的空间。

visibility:hidden 只是隐藏了元素的可见性，所占用的文档空间并未消失， 这就是它与display:hidden的区别。

• 块级框从上至下一个接一个地垂直排列， 框之间的垂直距离由框的垂直外边距计算出来。

• 行内框在一行中水平排列。 可以使用水平内边距、边框和外边距调整它们的水平间距。 但是垂直内边距、边框和外边距不影响行内框的高度(行内框在文档中的位置)。 同样， 在行内框上设置显式的宽高也没有影响。

  由一行形成的水平框称为行框， 行框的高度总是足以容纳它包含的所有行内框。 但是，设置行高可以增加这个框的高度。 因此， 修改行内框尺寸唯一方法是修改行高或者水平边框，水平内边距或水平外边距。