部門の最上部にフォームを配置しようとしています

Question

ページの下部に小さなボックスがあります。私はdivのすぐ上にフォームを配置しようとしていますが、フォームはブートストラップdivにジャンプし続けます。

これはHTMLの試み EDITTEDです： 私も、フォーム全体の行は、パン粉と同じよう背景色を持つようにしたいが、それはこのフォームを制御するCSSです

<div style="padding:1px; background-color: #F2F2F2;"> 
    <form class="rightiest" method="post" action="/logout"> 
      <input class="btn btn-link" type="submit" value="Leave Group"/> 
    </form> 
</div> 
<div class="breadcrumb"> 
      <div class="wrap"> 
       <div class="container" style="text-align: center;font-size: 80%;"> 
       <strong> Please hold we will soon attend to you shortly</strong> 



       </div> 
      </div> 
</div> 

が表示されません

form.rightiest {float:right; margin-top:0px; margin-bottom:7px;} 

上記の場合、フォームはdivに重複して保持されます。どうすればdivのすぐ上にフォームを置くことができますか？

Answer 1

フロートをクリアします。

 form.rightiest {float:right; 
 
     margin-top:0px; 
 
     margin-bottom:7px;} 
 
    
 
    .breadcrumb { 
 
     clear: both; 
 
    }

<form class="rightiest" method="post" action="/logout"> 
 
      <input class="btn btn-link" type="submit" value="Leave Chat"/> 
 
    </form> 
 
    <div class="breadcrumb"> 
 
       <div class="wrap"> 
 
        <div class="container" style="text-align: center;font-size: 80%;"> 
 
        <strong> Please hold we will soon attend to you shortly</strong> 
 
    
 
    
 
    
 
        </div> 
 
       </div> 
 
    </div>

Answer 2

フロートをクリアする必要があります。

.breadcrumb { 
    clear: both; 
}