タイムラインのオーバーフローが次の要素をねじ込む

Question

私はa library that create timelineを使用しています。これは、JavaScriptベースです。

私は、次のHTML

<div class="container"> 
    <div class="row"> 
    //Stuff here 
    </div> 
    <div class="row> 
    <div id="timeline"> 
    </div> 
    </div> 
    <div class="row> 
    //Other stuff here 
    </div> 
</div> 

とタイムラインライブラリは、タイムラインで私の$('#timeline')エレメント交換さを

私は私のタイムライン上の多くの要素を持っていない場合は、すべてがうまくされてい

しかし、私はより多くの要素がある場合、タイムラインは3番目の<div class="row">を介して増加しています。

タイムラインの後に3番目の行が常に配置されるように修正するにはどうすればよいですか？ 私はオーバーフローを隠したくありません。 CSSトリックはどうすればよいですか？

Answer 1

てみてください、あなたがしようと、キックのためにあまりにも

Answer 2

ちょうどあなたのCSSを投稿する場合は、そのまたは私は良いだろう同じようなことのようなものを使用している場合、それは仕事をdoesntの場合

....クラスclearfixを追加します私は削除されます...しかし、私の理解は、試してみる価値があることです。

<div class="container"> 
    <div class="row"> 
    //Stuff here 
    </div> 
    <div class="row> 
    <div id="timeline"> 
    </div> 
    <div style="clear:both"></div> <!--this is the added line--> 
    </div> 
    <div class="row> 
    //Other stuff here 
    </div> 
</div>