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

要相对于另一个元素定位，您需要将要放置的元素的位置设置为绝对（position：absolute），将父元素的位置设置为relative（position：relative）。如果没有相对父级，则使用body。将#LatestQuests想象成一个容器，其中包含有关我最新任务的信息。然后，其中的任何样式都应该以相同的方式完成（所以，是的，标题的div，可能是实际内容的一个等）。

定位的东西

1 个答案: