浮左是一路走好路

Question

当我尝试将div放到左边时，它会一直向右移动。但是，当我从我的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">之前浮动元素，那么你需要清除它们才能让它出现在它之后。使用clear:both（如果需要，可以向左或向右）。

Answer 2

在您的浮动div之前使用clearfix：

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

Answer 3

看起来您正在使用引导程序框架。如果是这种情况，请使用.pull-left或.pull-right类，并将.clearfix类作为父div。

如果您没有使用bootstrap，那么将此代码实现到您的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 这可能会有所帮助。我希望这会有所帮助。