在divs顶部创建一个浮动div

问题描述

我想创建类似下面的内容

I am trying to create something like the following

 -------------------------
|            div 1        |
|_________________________|
| div2 on top of div1/div3|
|-------------------------|
|        div2             |
|_________________________|
|                         |
|        div3             |
|                         |

我要在顶部创建一个 div2 div1 和 div3 。

I want to create a div2 on top of both div1 and div3.

没有线索如何做到这一点。有人可以帮我吗？感谢。

I really have no clues how to do this. Can someone help me about it? Thanks.

推荐答案

您需要使用绝对CSS定位。示例：

You need to use absolute CSS positioning. Example:

<div id="container">
 <div id="div1"></div>
 <div id="div2"></div>
 <div id="div3"></div>
</div>

#container {
  position: relative;
}
#div2 {
  position: absolute;
}

下面是一个jsfiddle示例：

Here's a jsfiddle example: http://jsfiddle.net/M7J3G/1

这篇关于在divs顶部创建一个浮动div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！