Css 相对定位元件内的绝对定位不起作用

我可能错过了一些明显的东西，但这让我发疯

有问题的页面是

• 标题id是相对定位的，我试图绝对定位其中的元素（两个人的照片和这些照片旁边的文本，#bodyad1和#bodyad2）

• 问题是，他们拒绝工作，最终被绝对定位在#头之外，相对于身体

奇怪的是，我已经将另一个元素完全放置在标题中，并且它可以工作（一个功能区的照片）。但是，当我插入其他两个元素时，标题就断开了：所有标题内容都移动到页面底部

有什么想法吗

<div id="bodyad1">
    <img src="images/person1.png" alt="">
    <div id="bodyad1-text">
        <h3>—Featured Story—</h3>
        <p>John Smith</p>
        <h2>Toronto Criminal Lawyer</h2>
</div>

<div id="bodyad2">
    <img src="images/person2.png" alt="">
    <div id="bodyad2-text">
        <h3>—Featured Story—</h3>
        <p>John Smith</p>
        <h2>Toronto Criminal Lawyer</h2>
    </div>
</div>

<div id="adlogo">
    <img src="images/advocatedaily-logo.png" alt="Advocate Daily dot com Logo">
    <h2>Ontario's Legal News</h2>
</div>
 <div id="adsash"></div>

<div class="clear"></div>

---

结果发现我丢失了一个结束div标记，但由于缩进样式，我使它看起来好像我确实关闭了它

这是一件非常可笑的事情。继续

---

谢谢@pebbl.

我没有看到标题的任何样式，但是我没有看到您发布的任何代码中的

位置：相对
。当我查看您提供的链接并检查页面时，所有页面内容都在
内，我确定这不是您想要的。。。这会让我相信你在某处丢失了一个close
标记。@ExplosionPills:对不起，我只是从我的工作表底部粘贴了样式。早些时候声明了标题id（更新了我原来的帖子）。@pebbl:谢谢，我所有的标签都应该关闭，但我可能错过了什么。现在签出。尝试验证html以发现丢失的标记。至少你自己找到了！！
/*header*/
#header {
  display: block;
  border-bottom: 1px solid #9e0505;
  position: relative;
}
/*   Featured Lawyer Body Shots   */

#bodyad1 {
    display:block;
    position: absolute;
    width: 220px;
    height: 94px;
    bottom: 0px;
    left: 60px;
}

#bodyad2 {
    display:block;
    position: absolute;
    width: 220px;
    height: 94px;
    bottom: 0px;
    right: 60px;

}

#bodyad1 img{
    float:right;
    display:block;
}

#bodyad1-text {
    height:94px;
    float:right;
}

#bodyad1-text  h3 {
    font: italic 10px helvetica, arial, sans-serif;
    color: #666;
    text-align: right;
}

#bodyad1-text  p {
    font: normal bold 11px helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: #cd1713;
    text-align: right;
}

#bodyad1-text  h2 {
    font: normal bold 11px helvetica, arial, sans-serif;
    color: #666;
    text-align: right;
}

#bodyad2 img {
    float:left;
    display:block;
}

#bodyad2-text {
    height: 94px;
    float: left;
}

#bodyad2-text  h3 {
    font: italic 10px helvetica, arial, sans-serif;
    color: #666;
    text-align: left;
}

#bodyad2-text  p {
    font: normal bold 11px helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: #cd1713;
    text-align: left;
}

#bodyad2-text  h2 {
    font: normal bold 11px helvetica, arial, sans-serif;
    color: #666;
    text-align: left;
}