Timeline-Überlauf verschrauben nächste Elemente

Question

Ich verwende a library that create timeline. Dies ist Javascript basiert.

Ich habe folgende 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> 

Und die Timeline-Bibliothek wird von der Timeline mein $('#timeline') Element ersetzt

Wenn ich auf meiner Timeline viele Elemente nicht haben, ist alles in Ordnung

Aber wenn ich mehr Elemente habe, wird die Zeitleiste durch die dritte <div class="row"> erweitert.

Wie es zu beheben, damit die dritte Zeile immer nach der Timeline platziert wird? Ich möchte den Überlauf nicht verstecken. Welchen CSS-Trick sollte ich ausprobieren?

Answer 1

Versuchen Hinzufügen Klasse clearfix, wenn Sie etwas ähnliches wie das, oder irgend etwas verwenden würde ich besser, wenn Sie Ihre CSS schreiben zu

Answer 2

nur für Kicks, versuchen ....

wenn es nicht funktioniert, Ich werde löschen ... aber mein Verständnis ist, dass es einen Versuch wert ist.

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