版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接： https://blog.csdn.net/hongyu799/article/details/81979719

被覆盖div定属性 position:relative;
上面div定位属性 position:absolute

<div style="position: absolute;">标题</div> <div style="position: relative;">此处显示canvas地图</div> 我们在html布局中往往会遇到这样的问题，在 一个 div 中我们要分为上中下三部分，中间部分要设置多个小的 div ，这些 div 需要左右排列，我们会用float设置他们的浮动。而当我们要在下面继续写第三个 div 时就会发现，下面的第三个 div 会无视中间部分而和 上面 的 div 产生 位置 关系 例如下面这个例子（我想分成三部分 上面 是红色块，中间为并列四个黄色块，下面为蓝色块） style&amp;amp;amp;amp;gt; &lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+&quot