时间线溢出搞砸了下一个元素

Question

我正在使用a library that create timeline。这是基于javascript的。

我有以下html

ui.mySelect.optionLast

时间轴库正在用时间轴

替换我的<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')消耗。

如何修复它以使第三行始终放在时间轴之后？ 我不想隐藏溢出。 我应该尝试什么CSS技巧？

Answer 1

尝试添加类clearfix如果您使用类似的东西或类似的东西我会更好，如果你发布你的CSS

Answer 2

只是为了踢，试试......

如果它不起作用我会删除......但我的理解是值得一试。

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