2011-11-10 8 views
1

div要素を中心に問題があります。私はセンターにしようとしています次のスタイルが適用されたdiv要素:CSSマージンは、浮動小数点をセンタリングしない自動

width: 60%; 
float:right; 
margin-left: auto; 
margin-right: auto; 
min-width: 300px; 

のみ親タグがそれに適用される次のスタイルを持ってbodyタグである:

width:100%; 
overflow-x:hidden; 

の代わりに要素は中央に置かれ、要素は右に揃えられます。以前は要素を「浮動:左」に設定していましたが、それを中心に問題はありませんでしたが、「浮動:右」に変更したとき、要素はもはや中央に配置されませんでした。

+1

私は 'margin:auto'が機能すると思うので、親は' 100% 'のような調整幅ではなく、定義された幅を持たなければなりません。 –

+0

フロートの方向を変更する前に私のポストを更新しました。また、私の体の幅を100%に設定しました。 – Christopher

+0

これはCSSの解釈ですが、実際の変更はありません:http://jsfiddle.net/aXAt7/ –

答えて

5

あなたが本当にフロート要素を中央にしたい場合は、float:right

+0

なぜこのオブジェクトにフロートが必要ですか? –

+0

要素の左側に表示するHTMLのコンテンツがもっと遠いので、 – Christopher

+0

よくあることに、私は両方のdivをコンテナdivに入れて、そのコンテナdivを中心に置くことをお勧めします。次のようなものです: '

' –

1

スタイルからfloat: right;を削除します。

0

を削除するにはあなたのために、この記事が必要です

http://mauzon.com/dev/centered_nav/ - `アレックスMauzonを中心とナビゲーションを。

しかし、それは倒錯です。

関連する問題