メニューが開くと画像がドロップする

Question

.nav-btn { 
     display: block; 
     background-color: #000; 
     color: #FFF; 
     font-size: 1.5em; 
     /*text-align: right;*/ 
     /*right: 2%;*/ 
     float: right; 
     cursor: pointer; 
     padding-top: 20px; 
     /*position: absolute;*/ 
    } 
    .nav-btn:before { 
     background-image: url('http://optimumwebdesigns.com/icons/mobile_menu_white.png'); 
     background-size: 28px 28px; 
     background-repeat: no-repeat; 
     padding-right: 15px; 
     width: 28px; 
     height: 28px; 
     content:""; 
     display: block; 
     padding-top: 0; 
     float: right; 
    } 

私の640pxメディアクエリに表示されるメニューがあります。ボタンが選択されると、何らかの理由で画像が自分のメニューの下に表示されます。メニューが開いているか閉じているかにかかわらず、同じ場所に画像を残したい。

プラスボタンをクリックすると、background-colorが青色に変わりますか？

この原因は何ですか？

Answer 1

フロートのためです：右.nav-btn。私はあなたがフロートを必要としているかどうかはわかりません。私がフロートをトグルまたはディスエーブルにするとき：右、何も変わらないので、私には不要です。