Float Left geht den ganzen Weg richtig

Question

Wenn ich versuche, mein div nach links zu schweben, geht es den ganzen Weg nach rechts. Wenn ich float jedoch aus meiner CSS-Regel nehme, geht es zurück nach links.

.ShawHome { 
 
    float: left; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="ShawHome">sdfsdfsdf </div> 
 
    <div class="KodiHome"></div> 
 
    </div> 
 
</div>

Dies ist, wie es aussieht, wenn ich float:

Answer 1

Wenn Sie Elemente vor Ihrer <div class="container-fluid"> floating dann müssen Sie sie löschen damit dieses div danach erscheint. Verwenden Sie clear:both (oder nach links oder rechts, wenn nötig.)

Answer 2

Verwenden clearfix vor Ihrem schwimmenden div wie folgt aus:

<div class="clearfix"></div> 
<div class="ShawHome">sdfsdfsdf </div> 

Answer 3

Es sieht aus wie Sie den Bootstrap Framework verwenden. Wenn dies der Fall ist, verwenden Sie .pull-left oder .pull-right Klassen mit der .clearfix Klasse als übergeordnete div.

Wenn Sie nicht Bootstrap verwenden dann diesen Code auf Ihre CSS implementieren:

.pull-left{ 
    float: left!important; 
    } 
    .pull-right{ 
    float: right!important; 
    } 
.clearfix{ 
    clear: both; 
} 
.clearfix:after{ 
    clear: both; 
} 

http://getbootstrap.com/css/#helper-classes-clearfix dies könnte hilfreich sein. ich hoffe das hilft.