我怎样才能停止向左浮动？答案

【问题标题】：How can I stop float left?我怎样才能停止向左浮动？
【发布时间】：2023-08-18 16:14:02
【问题描述】：

我有以下代码：

<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 向左浮动，因此与标签和两个输入按钮位于同一行。有没有办法让我摆脱浮动？

【问题讨论】：

你应该接受一个答案，即使它是你自己的。

标签： css html css-float

【解决方案1】：

在引导程序中有一个类

class="clearfix";

【讨论】：

【解决方案2】：

由于某种原因，上述修复都没有对我有用（我遇到了同样的问题），但是这样做了：

尝试将所有浮动元素放在一个 div 元素中： <div class="row">...</div>.

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

【讨论】：

【解决方案3】：

只需在第一个 div 样式中添加 overflow:hidden。应该够了。

【讨论】：

【解决方案4】：

有时 clear 不起作用。使用float: none 作为替代

【讨论】：

是的，如果您想覆盖现有的 CSS 条目 float: left（或正确），那么这就是解决方案。

【解决方案5】：

你可以修改.adm并添加

.adm{
 clear:both;
}

这应该使它移到新行

【讨论】：

我想应该是.adm。

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

【讨论】：

【解决方案8】：

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

【讨论】：

【解决方案9】：

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

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

【讨论】：

但在某些情况下需要添加display:block

【解决方案10】：

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

【讨论】：