我想要右边的下拉菜单。 这样它就不会剪裁浏览器的右侧。 不管出了什么问题。 为什么事情不能只在 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;
}
最佳答案
为页脚添加宽度。下拉菜单向右浮动,页脚默认情况下没有您想象的那么宽。
#footer {
position: fixed;
bottom: 0;
width: 100%;
}
使用 chrome 或 firefox 提供的开发工具可以轻松诊断此类问题:)
关于html - div不会向右浮动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37101561/