在div之上创建一个浮动div

2023-12-11

我正在尝试创建类似以下的内容

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

我想创建一个div2在两者之上div1 and div3.

我真的不知道如何做到这一点。有人可以帮我吗?谢谢。


您需要使用绝对 CSS 定位。例子:

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

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

这是一个 jsfiddle 示例:http://jsfiddle.net/M7J3G/1

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在div之上创建一个浮动div 的相关文章