我正在尝试将一个 div 放在另一个 div 之上。
要了解我想要实现的目标，请检查此图片：https://img1.etsystatic.com/059/1/8585976/il_570xN.749758093_cccu.jpg https://img1.etsystatic.com/059/1/8585976/il_570xN.749758093_cccu.jpg
我希望我的灰色左侧 div 位于粉色标题之上。
这是到目前为止我的 HTML：
<body>
<div id="header"></div>
<div id="left"></div>
<div id="right"></div>
<div id="footer"></div>
</body>
还有我的CSS：
#header {
width: 106%;
background-color: #E8D5C6;
height: 100px;
margin-top: -8px;
margin-left: -8px;
}
#left {
width: 15px;
background-color: #919191;
height: 400px;
margin-left: -8px;
}
这将我的粉红色标题放在灰色左侧标题的顶部，我希望它是相反的，就像我向您展示的照片中一样：https://img1.etsystatic.com/059/1/8585976/il_570xN.749758093_cccu.jpg https://img1.etsystatic.com/059/1/8585976/il_570xN.749758093_cccu.jpg
你需要使用z-index and position:absoluteCSS 属性。此外，您还需要定位第二个DIV（这是在另一个之上）通过给定一些值top and leftCSS 属性。下面是一个例子：
#first{
position: absolute;
z-index:1;
}
#second{
position: absolute;
z-index:2;
top: 50px;
left: 50px;
}
看到这个JSfiddle 演示 http://jsfiddle.net/ukL5qhs3/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
