如何将我的具体化下拉按钮放在右侧？答案

【问题标题】：How to put my materialize dropdown button to the right?如何将我的具体化下拉按钮放在右侧？
【发布时间】：2017-10-05 12:30:42
【问题描述】：

由于某些原因，我无法将下拉按钮放在页面的右边缘，这是我的代码：

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

<div class="container">
      <ul id="dropdown" class="dropdown-content">
         <li><a href="#accueil">Accueil</a></li>
         <li><a href="#entreprise">Notre entreprise</a></li>
         <li><a href="#réalisations">Nos réalisations</a></li>
         <li><a href="#contact">Contact</a></li>
      </ul>
      <a class = "btn dropdown-button" href = "#" data-activates = "dropdown">Mail Box
         <i class = "mdi-navigation-arrow-drop-down right"></i></a>
   </div>

这是我所拥有的：https://codepen.io/anon/pen/pWpRRz

【问题讨论】：

标签： html css materialize dropdown

【解决方案1】：

只需添加以下css

.container {
  position: fixed;
  top: 5%;
  right: 0;
  left: 0;
}
.btn{
  float: right;
}

您也可以查看Updated Codepen.

【讨论】：