2016-03-24 14 views
0

私は、上記のセクションが空であるかどうかに関係なく、常にセクションの下部にブロックを表示する必要があるdivブロックを持っています。内側のdivは添付されているようなdivセクションにあります。ブートストラップ3.0子divの絶対位置を設定する

enter image description here

これは、私がトップセクションの底のdivにはコンテンツがなくてもfが期待

<div class="col-md-6 col-xs-6" style="position:relative; min-height:300px;"> 
    Content for upper section 

    <div class="row" style="position:absolute; bottom:0 !important;"> 
     <div class="col-xs-12"> 
     Div in footer section of the parent div 
     </div> 
    </div> 
</div> 

をやっていることは、親のdivのフッターの代わりに、上部から順にどうあるべきかであります添付の画像のように帽子場合、私はそれを解決するために助けてください

+1

うまく動作するようです:http://codeply.com/go/QCf98IbnAv – ZimSystem

+0

私が見ることができないCSSオーバーライドがない限り、うまくいくようです。可能であれば、インラインスタイルを使用しないでください。 –

+0

このページのHTML/CSSをすべてjsfiddle.netに投稿してください。あなたがプロジェクト全体でそれをやっているのであれば、問題を追跡したり、後で変更する必要がある場合には、自分でもっと多くの作業を作成するだけです。 – MattD

答えて

1

は、そのタイプミスあなたのスペルをチェックしない:

+0

ここに入力した内容は、エディタからコピーされませんでした – Sikander

0

を配置する

変更positoinを私はあなたのコードをテストし、それが動作しますので、あなたには、いくつかのカスタムスタイルを持っている必要があります。行クラスは、想定されているように底に張り付いています。

ところで、すべてのcol- *クラスは、ブートストラップのデフォルトで相対位置になります。スタイルタグで指定する必要はありません。