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%;
}

可以使用chrome或firefox提供的开发工具轻松诊断此类问题：)