可以用z-index 来控制 .div1{z-index：10；}.div2{z-index：15；}按照数值的大小，从上往下重叠。 数值小的在下方，数值大的在上方。
成都创新互联专注于企业成都营销网站建设、网站重做改版、瑶海网站定制设计、自适应品牌网站建设、H5技术、商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为瑶海等各大城市提供网站开发制作服务。
可以先在网上查查绝对定位于相对定位。思路是：一个层是相对定位，另一个是绝对定位。绝对定位的z-index值比相对定位的大。
将下面那个固定不动的div使用position： fixed属性，absolute是绝对定位，相对整个页面来说的，fixed是相对于浏览器窗口，可以使某个层固定在浏览器某个地方不动。
在内层设为 absolute 的时候，外层必须设为 relative，否则外层默认为 static。这样外层有滚动条的时候，内层 div 才会随着外层滚动。
1、小时候我们玩积木，一块块积木堆积起来，组成了一个完整的建筑模型，div就是这一块块小积木，用来组成一个完整的网页，浏览器很笨，他只认识人们给他定义好的语法，比如div，当浏览器看到div，就会自己去将div组建成网页。
2、通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果。
3、div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。
4、section用于元素内容被列在文档大纲中。div：div用于设置样式或脚本处理。来源不同 section：section每部分内容形式上是类似的，但是来源是独立的。div：div每部分内容形式上是类似的，来源也是相同的。
从人的视觉上看是一样没错，但从机器搜索引擎的角度看HTML5的figure标签更加语义化，更友好！所谓的语义化就是通过HTML标签就能知道它的用途，比如：footer/footer代表网页的底部。
div：本身没有任何语义，用作布局以及样式化。section：与 div 的无语义相对，简单地说 section 就是带有语义的 div 了，但是千万不要觉得真得这么简单。section 表示一段专题性的内容，一般会带有标题。
html5的section和div用法区别为：对应内容不同、用途不同、来源不同。对应内容不同 section：每个section必须对应内容本身不同的主题。div：div可以对应内容本身相同的主题。
1、总结：div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。
2、多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能，很容易混淆。
3、div表示一个布局容器，本身没有任何语义，用作布局以及样式化或脚本的钩子(hook)。divthis is a div /div section 表示一段专题性的内容，一般会带有标题。
