左浮動小数点は右に向いています

Question

左に浮動小数点数を浮動させようとすると、右端に移動します。しかし、私がCSS規則からフロートを取り除くと、それは左に戻ります。

.ShawHome { 
 
    float: left; 
 
}

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

これは私がfloatを使用する場合、それは次のようになります。

Answer 1

あなた<div class="container-fluid">前の要素を浮動している場合、あなたはそれらをクリアする必要がありますこのdivが後に表示されるようにします。 （必要に応じて左または右または。）clear:bothを使用

Answer 2

使用clearfixをこのようなあなたの浮動divの前に：あなたはブートストラップ・フレームワークを使用しているよう

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

Answer 3

に見えます。その場合は、.clearfixクラスを親divとして持つ.pull-leftまたは.pull-rightクラスを使用してください。

あなたのCSSにこのコードを実装し、その後、ブートストラップを使用していない場合は、次の

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

http://getbootstrap.com/css/#helper-classes-clearfix これが役に立つかもしれません。私はこれが役立つことを願っています