divの上に保存ボタンを置く方法

Question

保存ボタンの下にdivを付ける必要があります。これは、HTMLコードです：

<button id="item_new" data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> 
     <i class="material-icons">save</i> 
    </button> 

、これが私の<div>次のとおりです。このように

<div id="least"> 

はdivがボタンを隠し、私の目的は、divの上のボタンを示しています。誰も私を助けることができますか？

Answer 1

これを試してみてください：

divをスタイルでクリア：both;ボタンとdivの間に

<button id="item_new" data-action="create" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> 
    <i class="material-icons">save</i> 
</button> 
<div style="clear:both"></div> 
<div id="least"></div> 

これはあなたの問題を解決することがあります。

Answer 2

すべてのコードを表示することをお勧めします。plunkrまたはjsfiddleです。つまり、あなたの "浮動ボタン"クラスはボタンにCSSの浮動小数点スタイルを適用していると思います（おそらく左に浮いています）。浮動小数点スタイルはDOMレンダリングで要素が特定の領域を占めないようにして、文書が上になるようにします。あなたの目標に応じてそれを修正するための多くのオプションがあります。最も簡単なことは、そのCSSクラスを削除することです。 div要素に、ボタンの後&前

：

Answer 3

はdivのセクション&次のコード

スタイル= "の両方をクリア" を追加します。

私はうまくいきます。

Answer 4

あなたのページに以下のCSSコードを追加する必要があります。

#item_new 
{ 
clear:both; 
}