Css 分区定位（多个分区，不同的Z索引）

这个问题已经贴了好几次了，但我还没有找到一个能帮助我找到解决方案的讨论。 在

#另一个div

移动后，如何去掉底部多余的空间？ 我还尝试了其他设置，比如使用一个外部div（宽度100%），将

#content

和

#AnotherDiv

放在内部，但是

#AnotherDiv

根本不在底部（我使用了

位置
绝对
和
底部
0）。我只想让
#另一个div
在footer div的底部对齐


我从你的评论中了解到的是你想这样做

#AnotherDiv {
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 101;
    background-color: #00FF00;
}

使用
页边距顶部：-200px而不是
底部：200px用于您的
#另一个div
元素。

而你丢失了一个
在CSS中：


我想你想把
bottom
设置为
0px
（或者干脆把它删除），不？不固定，我不想让它一直出现在屏幕上。它应随内容高度自动移动。
#AnotherDiv {
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
    height: 20px;
    z-index: 101;
    background-color: #00FF00;
}

#homepage{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0;
}
/* Header, Body, Footer */
#content {
    position: relative;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0000FF;
    z-index: 1;        /* 1 IS QUITE ENOUGH, SET '0' FOR #AnotherDiv */
}

#data {
    position: relative;
    width: 100%;
    min-height: 500px;
}
#footer {
    height: 200px;
    width: 100%;  /* MISSING ; */
    position: relative;
    background-color: gold;
}

#AnotherDiv {
    position: relative;
    width: 100%;
    height: 200px;
    z-index: 0;
    margin-top: -200px;  /* INSTEAD OF bottom:200px; */
    background-color: #00FF00;
}