Html 定位材料

如何创建相对于标题的div位置坐标？或者我应该相对于较大的包装物来定位所有东西

Ofc这件事可以用几种方法来做，但我想最好知道通常是怎么做的

还有，不要再提出另一个问题，因为这很容易回答

为了在网站中定位和构建内容，我使用div right。要定位块的标题，是否应该在其中使用div？就像你在下面看到的

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

---

要相对于另一个元素定位，需要将要放置的元素的位置设置为绝对（位置：绝对），将父元素的位置设置为相对（位置：相对）。如果没有相对父对象，则使用body。把“最新任务”想象成一个容器，里面保存着关于（我想）最新任务的信息。然后，其中的任何样式都应该以相同的方式进行（因此，是的，标题有一个div，实际内容可能有一个div，等等）。

我不完全清楚你在问什么，但看起来你肯定应该花几个小时做一些html/css教程……

在语义上是没有意义的。如果可能的话，通常应该使用更合适的html元素。根据您尝试执行的操作，内容“块”的“标题”可以是

，
，甚至是
标题=“…”
属性或纯css
：：before
。相对/绝对定位是非常简单的，一旦你读了它。还有其他的css布局技术。另外，仅供参考，您的
边框
语法可能会大大简化<代码>边框样式：开始
和
边框颜色：#000
将在所有侧面设置这些属性。您甚至可以使用
边框：1px start#000
速记设置所有
边框-
属性。在
上设置
显示：块通常是多余的，因为
默认为块级元素！大概我做这件事的方式是，当我不知道我在谷歌上搜索/询问的事情并且进展顺利时，我就把一个项目放在心里并开始做：经验>理论。虽然他们在一起；我确实找到了一个关于定位的很酷的教程，但我只是在出于实际原因需要它的时候才这么做的，“标题有一个div，实际内容也可能有一个div”——所以标题div不包含内容？（因为正如你所见，我的做法是将title div放在content one中）你的方式很好。我的意思是，我总是看到一个设置，其中的容器充满了标题和内容。像这样的->。它最终只会有助于组织。谢谢//为什么将列的顶部和左侧线条设置为黑色时是灰色的P（我也遇到过）在你的链接中查看它不确定你的意思-当我看到它时，边框是完全黑色的-唯一的灰色部分是标题的背景：o刚刚在chrome上测试了它，但没有发生。我在firefox中看到了灰线：P
#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;
}