Css 显示在<；部门>；当父位置是相对的

我有一个包含一些文本的标题栏

。

的位置工作正常，但由于某些奇怪的原因，其内部的文本完全在

之外，如下代码所示。

我认真地尝试了所有的方法，但我就是不知道为什么会有这篇文章。它可能有上面浮动的

，或者父元素（

）被设置为：

div#user_topics_box {
    position: relative;
    top: 134px;
    left: 0px;
}

但我仍然不明白这是如何影响到内部文本的。任何帮助都将不胜感激！

编辑：

---

文本应该位于其上方的第一个黑色条div内。

将

溢出：自动
或
清除：左
添加到
。信息框
：

.infobox {
    border-right:2px inset #888;
    border-left:2px inset #888;
    border-bottom:2px inset #888;
    overflow:auto;
}

（溢出）

（清除）
您应该清除
#user_topics_title
上的浮动，类似于
清除：两者。
在
#用户_主题_框中
应设置
top:0并调整
高度
，以满足您的需要

.



您需要清除前面的浮动容器

#user_topics_box {
  clear: both;
  left: 0;
  position: relative;
  top: 134px;
}

并使浮动容器包含在父容器中

#profile_area {
  overflow: hidden;
}

它应该出现在哪里？在它上面的黑条中。像这样？如果您指定CSS属性
position:relative
到父元素和
position:absolute
到子元素，那么您可以使用
top:50px；左：50px底部：10px或右：50px