正常流量

正常流量是元素在大多数情况下在网页中显示的方式。 HTML中的所有元素都是内联框或内嵌框。

布置块盒

在正常流程中,块框依次位于页面上(按照它们写入HTML的顺序)。 它们从容器盒的左上角开始,从上到下堆叠。 每个盒子之间的距离由顶部和底部边距相互折叠的边距来定义。

例如,您可能有以下HTML:

这是第一个div。 它的像素宽度为200像素,边距为5像素。

这是一个更宽的div。

这是一个比第二个更宽的div。

每个DIV都是一个块元素,所以它将被放置在前一个块元素的下面。 每个左边的外边缘都会碰到包含块的左边缘。

布置行内盒

内联框在页面上水平放置,一个接一个地从容器元素的顶部开始。 当没有足够的空间来容纳一行中的内联框的所有元素时,它们会换行并从那里垂直堆叠。

例如,在以下HTML中:

该文本是粗体的,并且该文本是斜体 。 这是纯文本。

该段落是一个块元素,但有5个内联元素:

所以正常的流程就是这些块和内联元素将如何在网页上显示,而不需要网页设计师的任何干预。

如果你想影响页面上的元素的位置,你可以使用CSS定位或CSS浮动