私のマテリアライズドロップダウンボタンを右に置くには？私はここで、私のページの右端に私のドロップダウンボタンを置くことができないいくつかの理由から

Question

は私のコードは次のとおりです。ここで

<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

Answer 1

ただ、次のcss

を追加します

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

また、ウル迅速な答えをUpdated Codepen.