网页文档流简述
网页内body标签内的元素，在网页中有默认的排列方式，以左上角为核心，向右和向下延伸。
我们可以把网页看成一个蓄水池，排水口在左上角，这是蓄水池最低地方，而元素则视为水。
静态的排列方式：
在不手动去调元素位置的情况下，让元素按默认的方式填充网页，则是从地势最低的地方，也就是左上角开始填，向右、向下蔓延。
动态的运动方式：
元素本身也会流动，距离排水口近的元素消失了，后面的元素会向水一样去流动，去补充上去。
文档流只是一种默认的排列方式，一但人为的改变元素的排列方式，它将被覆盖掉。
<!doctype html>
<!--声明文档类型，告诉浏览器使用HTML5标准来渲染页面。-->
<head>
<style>
div{
width: 500px;
height: 100px;
background-color:#ABABAB;
border: 3px red solid;
}
</style>
</head>
<body>
<!-- 块元素文档流 -->
<div></div>
<div></div>
<div></div>
<div></div>
<!-- 行内元素文档流 -->
<b>加粗文本</b>
<b>加粗文本</b>
<b>加粗文本</b>
<b>加粗文本</b>
</body>