2016-07-27 9 views
1

Wenn eine neue Zeile zu erzeugen, nachdem der Mastkorb die neuen Zeile Spalten div würden schrumpfen: enter image description hereBootstrap: Clearfix div nimmt unerwartete Höhe

dieses Problem begegnen ich einen div.clearfix setzen, dass die Reihe der Spalten zu bekommen half in eine Zeile, aber jetzt schafft es eine unerwartete Höhe aus dem Nichts: enter image description here

+0

ich eine codepen erstellt haben und das Problem zu demonstrieren: http://codepen.io/amigoo/pen/grKRyG –

+0

SO Menschen ermutigen, ihre eigenen Live-Code-Editor. Und ich empfehle Ihnen, das in Ihrer Frage hinzuzufügen. –

+0

Ich denke, Problem hier. Home #masthead {Höhe: 100vh;} –

Antwort

2

hinzufügen CSS #masthead wie diese cl zu machen earfix Arbeits seinen Job:

.home #masthead { 
    height: 100vh; 
    float: left; 
    width: 100%; 
} 
+0

Hat den Job! Danke –

+0

Irgendeine Idee warum es passiert ist? –

+1

Es passiert, verursachen 100vh Eigenschaft, die 219px leeren Platz für Clearfix gemacht, so müssen Sie Clearfix zu arbeiten, was es funktionieren muss, floats zu löschen, so Float: links oder rechts machen den Job. – ristapk

0

Sie unter Code für klare fix aufschreiben können

.clearfix{ 
    line-height:0px; 
    font-size:0px; 
    height:0px; 
} 
+0

Ja, es funktioniert gut! –

+0

Nicht funktioniert! Wie ich in meiner Frage erwähnt habe, macht es die Spalten "strecken". –

+0

Jetzt versuchen! Ich habe auf Ihre Code-Pan-Link überprüft oder einfach können Sie Höhe setzen: 0px in Clearfix-Klasse –