如何停止浮動？

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中刪除第一個浮動。不知道爲什麼我以前沒有看到。

Answer 2

的標準方法是添加兩個浮動塊級元素之間的信息交換的div：

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

Answer 3

添加style="clear:both;"爲「ADM」 div。

Answer 4

您也應該檢查在CSS的「clear」屬性的情況下，去除浮動是不是一種選擇

Answer 5

在ADM類中的CSS clear: left應停止浮動DIV與它上面的元素。

Answer 6

您可以修改.adm並添加

.adm{ 
clear:both; 
} 

這應該使它移動到一個新行

Answer 7

有時候明確將無法正常工作。使用float: none作爲替代