2017-11-15 8 views
0

http://live-fenfast.pantheonsite.io/の上のFacebook/YouTube/Twitterのアイコンを見てください。彼らは右のように整列しようとしていますhttp://fenfast.comです。 "live-fenfast.pantheonsite.io"サイトの違いは、普通のimgをhrefに変換して、リストをクリックするための単一の画像の部分をCSSで表示するスタイル付きリスト(CSSスプライト)です。CSSスプライトリストの右寄せ

このリストを右揃えにするにはどうすればよいですか?私は明らかなCSSプロパティを試しましたが、どれもうまくいきません。

あなたは、単に使用していないのはなぜ

答えて

2

使用ブートストラップのプルライト級

<ul id="socialnavlist" class="clearfix pull-right"> 
+1

このリストは、既にブートストラップdivの中に包まれていたので、私の場合で最高を働きました。 –

0

:私の意見では

#socialnavlist { 
    position: relative; 
    float: right; 
} 

を使用するので、あなたが問題を抱えている:

#socialnavlist li { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: absolute; 
    top: 0; 
} 

これはすべてのあなたの問題の主な原因です。 position: absoluteを使用する場合は、通常のalign/float属性を使用することはできません。必要なものを得ることはできません。

関連する問題