Html 引导：设置内部容器的绝对位置

我有一个设置为相对位置的父div，其中一个容器是一个具有背景色的div，设置为绝对位置，因此它总是位于容器的底部，但没有设置为底部。请看我的代码（我添加了内联CSS以获得清晰的理解）

类别名称
标题
90分钟

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自上世纪90年代以来一直是业界的标准虚拟文本

今晚的电视节目
下午7:30
节目名称在这里

这是我设置

位置：绝对时得到的结果：

：

下面是bootply的链接：

将位置用作父div的“static”，而不是relative

<div class="col-md-5 col-sm-5 col-xs-12" style="position: static;">

将位置用作父div的“静态”位置，而不是相对位置

<div class="col-md-5 col-sm-5 col-xs-12" style="position: static;">

将内容放入class=“行”

类别名称
标题
90分钟

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自上世纪90年代以来一直是业界的标准虚拟文本

今晚的电视节目
下午7:30
节目名称在这里

将内容放入class=“行”

类别名称
标题
90分钟

Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum自上世纪90年代以来一直是业界的标准虚拟文本

今晚的电视节目
下午7:30
节目名称在这里

对我来说，它看起来像是在底部-如果你在外部只有一段文字，那么它就正常工作了-如果不是，你能做一个引导来显示更多细节吗好的，添加到bootply@DarrenSweeney我用bootply代码的链接更新了我的问题，请检查，正如我所说，它正常工作-如果查看inspector，相对div的底部是绝对元素附着的位置，在底部-将

style=“position:relative；”

更改为

style=“position:relative；height:350px”

你会明白我的意思，我觉得它好像在底部-如果你在外部只有一段文字，那么它就正常工作了-如果不是，你能做一个引导来更详细地显示吗bootply@DarrenSweeney我用bootply代码的链接更新了我的问题，请检查，正如我所说，它正常工作-如果您查看inspector，relative div的底部是绝对元素附着的位置，在底部-将

style=“position:relative；”“

更改为

style=“position:relative；height:350px”

您将看到我的意思，这将是动态内容，这不是解决问题的办法，先生，这将是动态内容，这不是解决问题的办法，这不起作用吗？将父div的位置更改为static…，这可以工作，但似乎不是正确的解决方法，因为导致内部div的alignmet出现问题在响应模式下不工作这不是解决问题的方法。导致问题的原因是什么？请详细说明您的要求，请检查我的问题中的bootply链接，您可以使用它来清除这个想法，这是不是不起作用的Sikander？将父div的位置更改为static…，这可以工作，但似乎不是正确的解决方法，因为导致内部div的alignmet出现问题在响应模式下不工作这不是解决问题的方法。导致问题的原因是什么？请详细说明您的要求，请检查我的问题中的bootply链接，您可以使用它来清除这个想法

<div class="col-md-5 col-sm-5 col-xs-12">
  <div class="row">
    <h3>Category Title </h3>
    <h1>Heading </h1>
    <h1>90 Mins</h1>
    <p>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry.
      Lorem Ipsum has been the industry's standard dummy text ever since the
    </p>
  </div>
  <!-- now this is position absolute div  -->
  <div class="row" style="background: #dab13b; float:left;">
    <h4>Tonight on  Tv</h4>
    <div class="row">
      <div class="col-xs-4">
        <h4>7:30PM</h4>
      </div>
      <div class="col-xs-8">
        <h5>Program Titles Comes Here</h5>
      </div>
    </div>
  </div>
</div>