div不会向右浮动

时间:2016-05-08 15:31:18

标签: html css twitter-bootstrap

我想要右下角的下拉列表。 以这种方式,它不会剪辑浏览器的右侧。 不管出了什么问题。 为什么不能只用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;
}

1 个答案:

答案 0 :(得分:2)

为页脚添加宽度。下拉列表是向右浮动的,页脚默认情况下并不像您认为的那样宽。

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

这样的东西很容易使用chrome或firefox提供的开发工具来诊断:)