Question

我有以下代码：

<div style="float: left; width: 100%;">
  <label style="float: left;">ABC</label>  
  <input style="float: left; font-size: 0.5em;" type="button"   onclick="addTiny(0,'Question_Text'); return false;" value="&#x25BC;" title="Editor" />   
  <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="&#x25B2;" title="Hide" />   

  <div class="adm">
    <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor">
      abc
    </textarea>
  </div>
</div>

我的问题是带有类adm的div浮动到左侧，因此与标签和两个输入按钮位于同一行。有没有办法可以让这种转变远离浮动？

Answer 1

标准方法是在两个浮动块级元素之间添加一个清除div：

<div style="clear:both;"></div>

Answer 2

有时候明确无效。使用float: none作为覆盖

Answer 3

您可以修改.adm并添加

.adm{
 clear:both;
}

这应该让它转移到一个新的行

Answer 4

将style="clear:both;"添加到“adm”div。

Answer 5

好的，我刚刚意识到答案是从第一个DIV中移除第一个浮动。不知道为什么我之前没有看到。

Answer 6

你还应该检查css中的“clear”属性，以防删除浮动不是一个选项

Answer 7

你的adm类中的css clear: left应该使div与上面的元素一起浮动。

Answer 8

您应同时使用Clear：both; 不用了

Answer 9

只需以第一种overflow:hidden样式添加div。那应该足够了。

Answer 10

由于某种原因，以上修复都不对我有用（我有同样的问题），但是确实如此：

尝试将所有浮动元素放入div元素： <div class="row">...</div>。

然后添加此CCS： .row::after {content: ""; clear: both; display: table;}

Answer 11

在引导程序中有一个针对它的类

class="clearfix";

我怎么能停下来漂浮？

11 个答案: