divは右に浮かぶことはありません

Question

右のドロップダウンが欲しいです。 このようにして、ブラウザの右側がクリップされません。 何が問題になっても問題ありません。 なぜCSSで動作しないのはなぜですか？ （私は本当に欲求不満です） 何か特別なケースがいつも異なっている必要があります。 とにかく、右にドロップダウンを取得するにはどうすればよいですか？

<div id="footer"> 

    <div class="share"> 
    <ul class="nav nav-pills"> 

     <li class="nav-item dropup"> 
     <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Share</a> 
     <div class="dropdown-menu"> 
      <a class="dropdown-item" href="#">Facebook</a> 
      <a class="dropdown-item" href="#">Twitter</a> 
     </div> 
     </li> 

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

#footer { 
    position: fixed; 
    bottom: 0; 
} 

.share { 
    float: right; 
} 

Answer 1

フッターに幅を追加します。ドロップダウンは右浮動ですが、フッターはデフォルトではそれほど広いとは限りません。

#footer { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
} 

簡単にクロムまたはFirefoxが提供する開発ツールを用いて診断することができる。このようなもの:)