定位材料

Question

如何使div位置坐标相对于标头？或者我应该将所有的东西相对于更大的包装进行定位？

Ofc，它可以用多种方式来完成，但我认为最好知道它通常是如何完成的。

而且，为了不提出另一个问题，而且这个问题可以很容易地回答，

为了在网站中定位和构造事物，我使用div权限。要定位块的标题，应该在其中使用div吗？就像你在下面看到的

<div id="LatestQuests">
    <div id="LatestQuestsTitle"> Latest Quests </div>
</div>

CSS

#LatestQuests {
    display: block;
    position: relative;
    width: 240px;
    height: 190px;
    top: 68px;
    left: 18px;
    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}

#LatestQuestsTitle {
    background: #C0C0C0;
}

Answer 1

若要相对于另一个元素定位，需要将要放置的元素的位置设置为绝对(位置:绝对)，将父元素的位置设置为相对(位置:相对)。如果没有相对父级，则使用body。把#LatestQuests想象成一个容器，里面有关于最新任务的信息。然后，它中的任何样式都应该以相同的方式完成(所以，是的，标题是div，可能是实际内容的div，等等)。