网页中的布局，默认是按照文档流，从上到下挨着挨着排列的，但是也可以通过css，设置内容相对布局（relative）和绝对布局（absolute）
工具/原料
vscode
方法/步骤
1、打开vscode创建一个H5规范的html页面H5Position.html
2、在其中添加四个块级元素div，不设置布局，让浏览器自动解析位置
3、在浏览器中运行页面，看到效果如图所示，四个div按照在html代码中的位置顺序，从上到下依次展示
4、通过css设置第三个div为相对布局position:咯悝滩镞relative;设置这个属性之后，还需要设置相对位置：上top、右right、下bottom、左left惺绅寨瞀四个属性中的一个或者多个。相对位置不会影响其他周围元素的位置
5、在浏览器中运行效果如图所示，第三个div移动后，并不会影响第四的位置
6、同样的通过css设置第三个蟠校盯昂div为绝对布局position:absolute;设置这个属性之后，还需要设就女蒿鸳置相对位置：上top、右right、下bottom、左left四个属性中的一个或者多个。绝对位置会影响其他周围元素的位置
7、在浏览器中运行效果如图所示，第三个div上移后，第第四个div就挨在一起了
