引導：設置絕對位置內膽

我已經被設置相對定位和內部的容器是具有背景色，並設置一個div定位絕對因此它始終在底部的父DIV該容器，但它沒有被設置爲底部看到我的代碼（我添加內聯CSS以獲得清晰的理解）。引導：設置絕對位置內膽

<div class="col-md-5 col-sm-5 col-xs-12" style="position: relative;"> 
    <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> 
    <!-- now this is position absolute div --> 
    <div class="innner" style="position:absolute;bottom:0;"> 
    <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>

這是我所得到的，如果我設置position:absolute：

這裏被鏈接到bootply：http://www.bootply.com/dRifoRP7Q6

來源

2016-03-23 Sikander

它看起來像它的底部對我的內容 - 如果你只是在外已經是文本的，然後這是工作，因爲它的段落應該 - 如果它不是，你能不能做一個bootply爲了更詳細地顯示 –

沒關係增加bootply – Sikander

@DarrenSweeney我更新我的鏈接問題bootply代碼，請檢查 – Sikander

-1

使用的位置爲「靜態」父DIV，而不是相對。

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

來源

2016-03-23 07:35:24 enthusiast

這是不工作的Sikander？改變位置爲靜態爲父分區.. – enthusiast

的工作，但似乎並沒有適當的soution，因爲導致內部div div的alignmet問題 – Sikander

在響應模式下不起作用，那不是做導致問題的方式 – Sikander

放入類=「行」

<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>

來源

2016-03-23 07:36:50

先生這將是動態內容，那不是解決這個問題的方法 – Sikander

對，對不起，我已經更新了我的答案。 –

不起作用，您可以嘗試使用bootply鏈接， – Sikander

引導：設置絕對位置內膽

回答

相關問題