左边是浮动右边

当我尝试将我的div浮动到左边时，它一直向右移动。但是，当我浮出CSS规则时，它会回到左侧。左边是浮动右边

.ShawHome { 
 
    float: left; 
 
}

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

这是什么样子时，我使用float：

来源

2016-05-12 Thomas Hutton

请发表[mcve]，以便我们可以看到并复制问题。我的猜测是，你将这些元素放在它之前，而不是先清除它，但是没有一个完整的例子，我们所能做的只是危险猜测。 – j08691

必须有比你显示的更多。 – Rob

@ j08691那么这就是问题所在。谢谢。 –

如果你浮动的<div class="container-fluid">那么之前的元素，你需要清除它们为了这个div出现在它之后。你喜欢这个浮动DIV之前使用clear:both（或者如果需要向左或向右）

来源

2016-05-12 16:41:30 j08691

使用clearfix：

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

来源

2016-05-12 16:45:15

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

如果你不使用引导，然后执行这段代码到你的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 这可能会有帮助。我希望这有帮助。

来源

2016-05-12 16:47:21 Rahul

@Shaun不知道发生了什么系统拒绝了您的提议，或者可能因为我正在更新某些内容而被拒绝。但我加回他们。 – Rahul

说一下以前的编辑，这一切都很好。 –

是的，对不起，它刚刚被系统拒绝。我回加谢谢你的更新。 :) – Rahul

左边是浮动右边

回答

相关问题