Html 了解相对和绝对定位：如何将内部div与容器底部对齐

仍在学习如何使用div和css布局。我有以下html：

<div id="Fascione">
</div>
<div id="Wrapper">
    <div id="Menu">
    </div>
    <div id="Contenuto">
        <div id="Liturgia">
        </div>
        <div id="Container">
            <div id="Ristorante">
            </div>
            <div id="Insieme">
            </div>
            <div id="Progetto">
            </div>
        </div>
        <div id="Unitre">
        </div>
    </div>
</div>
<div id="Footer">
</div>

我想做的是让“Progetto”div底部边框与“Unitre”顶部边框粘在一起

阅读其他帖子时，我试图将“容器”设置为position:relative，将“Progetto”设置为position:absolute；底部：0px；但这并不能满足我的需要

---

有人能帮我吗？

将容器设置为相对位置不是一个好做法。您应该尝试将两个div之间的边距归零，只在需要的边上添加边框，例如：

    Proggetto{
//no bottom border;
border:1px 1px 0 1px;
border-color:black;
margin:0;
}
Unitre{
border:1px solid black
margin:0;
}

---

我编辑了我的css，因为我留下了一些我没有使用的“相对位置”，我忘了添加一些我为主体定义的样式，htmlI假设我在css中的错误在这里造成了误解。我试过你的建议，但没有满足我的要求。我现在编辑了我的帖子，希望它更清晰。无论如何，谢谢你。

    Proggetto{
//no bottom border;
border:1px 1px 0 1px;
border-color:black;
margin:0;
}
Unitre{
border:1px solid black
margin:0;
}