我怎么能停下来漂浮?

Ton*_*nyG 92 html css css-float

我有以下代码:

<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>
Run Code Online (Sandbox Code Playgroud)

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

Sha*_*had 95

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

<div style="clear:both;"></div>
Run Code Online (Sandbox Code Playgroud)

  • 但在某些情况下,您需要添加`display:block` (3认同)

Dan*_*odi 56

有时清除不起作用.使用float: none作为覆盖

  • 是的,如果你想覆盖现有的CSS条目`float:left`(或右),那么这就是解决方案. (2认同)

Bre*_*ett 28

你可以修改.adm和添加

.adm{
 clear:both;
}
Run Code Online (Sandbox Code Playgroud)

这应该使它转移到一个新的路线


tjm*_*tjm 9

添加style="clear:both;"到"adm" div.


Ton*_*nyG 4

好吧,我刚刚意识到答案是删除第一个 DIV 中剩下的第一个浮点数。不知道为什么我之前没有看到。