正常流量是元素在大多数情况下在网页中显示的方式。 HTML中的所有元素都是内联框或内嵌框。
布置块盒
在正常流程中,块框依次位于页面上(按照它们写入HTML的顺序)。 它们从容器盒的左上角开始,从上到下堆叠。 每个盒子之间的距离由顶部和底部边距相互折叠的边距来定义。
例如,您可能有以下HTML:
这是第一个div。 它的像素宽度为200像素,边距为5像素。
这是一个更宽的div。
这是一个比第二个更宽的div。
每个DIV都是一个块元素,所以它将被放置在前一个块元素的下面。 每个左边的外边缘都会碰到包含块的左边缘。
布置行内盒
内联框在页面上水平放置,一个接一个地从容器元素的顶部开始。 当没有足够的空间来容纳一行中的内联框的所有元素时,它们会换行并从那里垂直堆叠。
例如,在以下HTML中:
该文本是粗体的,并且该文本是斜体 。 这是纯文本。
该段落是一个块元素,但有5个内联元素:
- “这段文字是”
- “胆大”
- “而这段文字是”
- “斜体”
- “这是纯文本。”
所以正常的流程就是这些块和内联元素将如何在网页上显示,而不需要网页设计师的任何干预。
如果你想影响页面上的元素的位置,你可以使用CSS定位或CSS浮动 。