2016-05-06 8 views
0

ここで1000回尋ねられたと思いますが、私は宿題をしましたが、コンテナdivを何らかの理由で中心に置くことができないと思います。私が間違っているところで助けてください。私は中心にそれを整列させるためにいくつかの異なる方法を試しましたが、私は以下で試したコードを入れますが、まずサイトの設定を確認します。 Container divには他のすべてのdivが含まれています(驚き)が、私はasbolute値でdivsを多く設定し、ピクセル値でそれらを配置し、コンテナdivの配置に影響を与えるかどうか疑問に思っています。コンテナdivはセンタリングされていません

body { width: 100%; margin: 0; } 
body > div { width: 100%; margin: 0 auto; max-width: 2504px; } 
+0

divを見ることができないと、誰かがこの特定のインスタンスで何が問題であるかを識別することはほとんど不可能になります。つまり、私は常にflexboxを勧めます:https://css-tricks.com/snippets/css/a-guide-to-flexbox/。コンテナdivに 'display:flex'、次に 'justify-content:space-around'を使用します。その後、絶対的な位置付けは必要ありません。 –

+0

は現在、それは次のように表示されます。 https://gyazo.com/dac61d89f0638dc05567b3a5c02dbff6 すべてがちょうどそれが中心にされていないことが原因で、私の場合、私は疑問に思って –

+0

必要であれば、私はあまりにもdiv要素のCSSを表示することができ、細かいですコンテナ内のすべてのdivを次のように配置しました。 #container #contentbox #navbar { \t position:absolute; \t z-インデックス:50; \tトップ:219px; \t left:330px; } –

答えて

0

を事前に

body { 
    margin: 0; 
    padding: 0; 
    text-align: center; 
} 
#container { 
    width:2504px; 
    margin: 0 auto; 
    text-align: left; 
} 

body { 
    margin-right: auto; 
    margin-left: auto; 
    text-align: center; 
} 
#container { 
    width: 2504px; 
    margin-right: auto; 
    margin-left: auto; 
    text-align: left; 
} 

感謝そのようなものはすでにあります。

今、私はこれがあなたのために働く必要があり、サイトを見ることができることを
<body> 
<div id="container"></div> 
</body> 


#container { 
width: 2504px; 
margin-right: auto; 
margin-left: auto; 
text-align: left; 
} 
0

これはあなたであれば十分なはずです:任意のヘルプあなたは後者divを中央にしたいbody > div、このようなものが動作するはず持っていると仮定すると

0

body { 
    margin: 0; 
    padding: 0; 
    text-align: center; 
} 
#container { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    display: flex; 
    justify-content: center; 
} 
0

あなたが自動マージンが水平センタリングとして機能するために#container CSSにposition: relativeを追加する必要があります。その#container DIVが別の要素の内側にある場合、THAT要素も相対または絶対に配置する必要があります。

関連する問題