定位的东西

Question

如何使 div 相对于标题的位置坐标？或者我应该将所有内容都相对于更大的包装器定位？

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

另外，不要打开另一个问题，因为这很容易回答，

为了在网站中定位和构建内容，我使用 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 用于标题，可能一个用于实际内容，等等）。