网页流动与HTTP数据传输方式、浏览器接收、解析和显示数据的方式密切相联系。HTML源代码部是从上到下分步解析、显示的。自然网页元素也只能自上而下按顺序逐步分布。当在网页编器中删除上面的元素，我们会看到下面的元素自动回收，以填补删除的空间，这就是流动布局的一大特点，这对于绝对定位的层来说是做不到的。
流动(Flow)是默认的网页布局模式。任何没有具体定义position:absolute;或position: fixed；以及没有被定义浮动float:left;或float:right;的元素都将默认呈现流动布局模式。流动布局模型具有两个比较典型的特征：
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，不管我们把元素的宽度设置多窄。例如，对于下图的流动布局，浏览器都会自上向下逐步解析并显示所有网页元素：天津网站建设，天津网站制作，天津网站设计
内联元素都会在所处的包含元素内从左到右水平分布显示。有人把这种分布：功式称为文本流，文本流源于文本的从左向右自然流动，本质上它与HTTP传输方式和浏览器的解析密切相关。超出一行后，会自动从上而下换行显示，然后继续从左到右按顺序流动，以此类推。当然，读者可以利用CSS文本属性强制改变文本流动方向，详节内容。例如，下图的各个元素内的文本流都自左向右逐步解析和显示的。了在下面果定义所有块状元素蠢浮动显示，则文本会以流的形式从左到右、再自上而下自动填浮动元素右侧的空余空间。
在第4章盒模型中，我们曾介绍过在正常流动布局中块状元素的垂直边距会发生重叠。也就是说，上下两个块状元素之间的边距由它们之中边距较大的元素决定，而不是他们的和。当然，在水平方向上，两个块状元素之间的边距从来不会重叠。当需要时，内联元素是可以多行显的，如当宽度受到限制的时候，它会自动移动到下一行。这时如果定义了内联元素的边框，就会产生多条长短不一的边框线：如果定义了上下边界或补白，就会形成多行边界或补白显示效果，但如果定义左右边界或补白，就不会多行显示，它们会在内联素的最开头和最末尾显示，且不会错行。