2016-06-19 12 views
0

私はWebアプリケーションでmaterialize cssを使用していますが、私はClick Only Fabを使用しようとしています。問題は、これは私が左上に置いておきたいときに、これが常にページの右下に終わることです。要素を左上隅に配置Page

<div class="fixed-action-btn horizontal click-to-toggle" id="menuBtn"> 
     <a class="btn-floating btn-large red"> 
      <i class="material-icons">menu</i> 
     </a> 
     <ul> 
      <li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li> 
      <li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li> 
      <li><a class="btn-floating green"><i class="material-icons">publish</i></a></li> 
      <li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li> 
     </ul> 
    </div> 

私はフローティングとアラインメントを含むすべてを試みましたが、何も機能しませんでした。私はどのように私のページの左上隅にこれを得ることができますか?だから、私はそれをメニューボタンとして使うことができます。

+0

どの要素を左上隅に配置したいのですか?jsfiddleを作成してください。 – brk

答えて

1

あなたは

position:absolute; 
top:0; 
right:0; 

でカスタムCSSクラスを作ることができませんか?またはabsoluteの代わりにfixedの代わりに、ページではなくディスプレイの隅に表示することもできます。私はコメントするが、血まみれの50代が必要で、非常に間違っていると判明した場合はこの回答を削除する。

+0

それは実際に右上に置いてください!どうすれば左に入ることができますか? – unconditionalcoder

+1

@unconditionalcoder 'right'を' left'に置き換えてください。 – Xufox

+1

@unconditionalcoder CSSで[position](http://www.w3schools.com/css/css_positioning.asp)について学ぶことをお勧めします。 'position'プロパティは、要素をどのように表示すべきかを定義し、' top'、 'right'、' bottom'、 'left'を使ってどこに正確に伝えるのかを定義します。 – Deuxis

関連する問題