问怎样才能停止向左浮动？
EN

Stack Overflow用户

提问于 2011-06-02 01:21:32

回答 10查看 157.1K关注 0票数 108

我有以下代码：

<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

回答 10

Stack Overflow用户

发布于 2011-06-02 01:23:53

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

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

票数 117

Stack Overflow用户

发布于 2015-02-26 10:39:22

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

票数 71

Stack Overflow用户

发布于 2011-06-02 01:25:29

您可以修改.adm并添加

.adm{
 clear:both;
}

这将使它移动到一个新的行

票数 32

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6205191

复制

相似问题

问怎样才能停止向左浮动？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问怎样才能停止向左浮动？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问怎样才能停止向左浮动？
EN