我正在尝试将一个 div 放在另一个之上。
要查看我想要实现的目标，请查看此图片：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
您需要使用z-index和position:absoluteCSS 属性。此外，您还需要DIV通过为top和leftCSS 属性提供一些值来定位您的第二个（位于另一个之上）。下面是一个例子：
#first{
position: absolute;
z-index:1;
}
#second{
position: absolute;
z-index:2;
top: 50px;
left: 50px;
}
看这个JSfiddle 演示
| 归档时间： |
|
| 查看次数： |
20793 次 |
| 最近记录： |