Question

我想把div放在另一个上面。前几天我问了这个问题，有人解释了z-index是如何工作的（他或她说：＆＃34;具有较大z-index数字的元素将覆盖一个较小的元素＆＃34; ）

我现在已经添加了另外两个div并且无法获得第四个div（我的＆＃34;文档＆＃34; /网站的页脚）在其他人之上

以下是其他问题/主题：How to place a div over another

有人问我想做什么。我刚开始学习基础课程。最后一次＆＃34; asignment＆＃34;是创建简历。

这是他们的（例子）：

http://i.stack.imgur.com/xLgMM.png

但是，我想稍微改变一下。

我不想在页面上留下任何边距（例如左边的蓝色条左边），我不想要圆角，而且我不想在div之间留出空格。也就是说，我想要我所有的＆＃34;网站＆＃34;被颜色覆盖：

背景为浅米色（＃F5F0EC），粉红色标题，灰色页脚，然后是左边的浅灰色，位于所有顶部。

这是我目前在我的css中所拥有的：

#header {
    width: 106%; 
    background-color: #E8D5C6;
    height: 100px;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    z-index: 2;
}

.left {
    width: 15px; 
    background-color: #919191;
    height: 695px;
    margin-left: -8px;
    margin-top: -8px;
    position: relative;
    z-index: 3;
}

.right {
    width: 106%;
    background-color: #F5F0EC;
    height: 695px;
    margin-left: -8px;
    margin-top: -8px;
    position: relative;
    margin-top: -645px;
    z-index: 1;
}

#footer {
    width: 106%;
    background-color: #404145;
    height: 50px;
    margin-left: -8px;
    position: relative;
    z-index: 4;
}

看起来我的页脚div低于背景（＆＃34;右＆＃34;一个颜色为＃F5F0EC），我希望它在它之上。然后，左边的灰色栏我想要它们两个（或所有这些）

尝试用z-index排序元素：1，z-index：2等，但似乎不起作用。

Answer 1

正如您之前（https://stackoverflow.com/a/32485707/5260563）所述答案中的人所说，您需要使用

position: absolute;

当你创建一个元素时{。}}。

如何将div放在另一个

1 个答案: