Html 如何在div中定位内容?

Html 如何在div中定位内容?,html,css,Html,Css,我试图制作一篇博客文章预览,希望文章的标题在div的顶部有0px #Parent { width: 500px; height: 500px; background-color: grey; } #Child { color: white; position: ?; top ?; padding ?; } 要将子div放置在父div内部,需要首先将父div的位置设置为position:relative。然后将子div设置为position:absolute(然后可以使用top/left/rig

我试图制作一篇博客文章预览,希望文章的标题在div的顶部有0px

#Parent {
width: 500px;
height: 500px;
background-color: grey;
}
#Child {
color: white;
position: ?;
top ?;
padding ?;
}

要将子div放置在父div内部,需要首先将父div的位置设置为position:relative。然后将子div设置为position:absolute(然后可以使用top/left/right/bottom根据其父级放置子div)。规则基本上是,当您在元素上使用position:absolute时,它将从页面流中删除,并根据最近的位置元素“绝对”放置

#Parent {
 width: 500px;
 height: 500px;
 background-color: grey;
 position: relative; /* new code here */
}
#Child {
 color: white;
 position: absolute;
 top: 0;
 padding: 10px;
}

我们需要回答你的问题这是游戏吗?我们应该猜测
,如果不执行任何操作,则默认情况下内容位于顶部,因为这是默认的流行为:)。。。您的解决方案不相关,因为它不包含HTML代码,CSS本身没有任何意义。由于OP没有提供他的HTML,所以很难说要应用什么CSS。你说得对,哈哈:)没有任何初始HTML片段就有点难了。当我读到这个问题时,我将其解释为人们对css position属性有点困惑(因此对css属性的冗长解释)。