我怎样才能停止浮动左？

我有以下代码：

<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="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> 

我的问题是，具有类adm的div漂浮在左侧，因此与标签和两个inputbutton在同一行。 有没有办法让这个转变远离浮动？

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中的情况下，删除浮动不是一个选项

Answer 7

clear: left的CSS clear: left在您的adm类应该停止与上面的元素浮动div。